文档章节

焦点图(轮播)

0000001
 0000001
发布于 2014/06/17 15:45
字数 180
阅读 269
收藏 4

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>

<div>

<ul>

<li>1</li>

<li>2</li>

<li>3</li>

<li>4</li>

<li>5</li>

</ul>

<div>

<a href=""><img src="" alt=""></a>

<a href=""><img src="" alt=""></a>

<a href=""><img src="" alt=""></a>

<a href=""><img src="" alt=""></a>

<a href=""><img src="" alt=""></a>

</div>

</div>

<script language="javascript" src="http://www.codefans.net/ajaxjs/jquery1.3.2.js"></script>

<script type="text/javascript">

// Banner 轮播

var t = n = 0, count; 

$(function(){

count=$(".slider_list a").length; 

$(".slider_list a:not(:first-child)").hide();  

$(".slider li").click(function() { 

var i = $(this).text() - 1;//获取Li元素内的值,即1,2,3,4 

n = i; 

if (i >= count) return; 

$(".slider_list a").filter(":visible").fadeOut(500).parent().children().eq(i).fadeIn(1000); 

$(this).siblings().removeClass("cur").end().addClass("cur");

}); 

t = setInterval("showAuto()", 3000); 

$(".slider").hover(function(){clearInterval(t)}, function(){t = setInterval("showAuto()", 4000);}); 

});

function showAuto() 

n = n >=(count - 1) ? 0 : ++n; 

$(".slider li").eq(n).trigger('click');

}; 

</script>

</body>

</html>



© 著作权归作者所有

共有 人打赏支持
0000001
粉丝 35
博文 141
码字总数 46256
作品 0
朝阳
前端工程师
30款jQuery常用网页焦点图banner图片切换 下载

1、jquery 图片滚动特效制作 slide 图片类似窗帘式图片滚动 查看演示 2、jquery幻灯片插件带滚动条的圆形立体图片旋转滚动 查看演示 3、jQuery图片层叠旋转类似洗牌翻转图片幻灯片 查看演示 ...

awbeci
2013/09/18
0
0
13、优化轮播图组件与vue深度处理器

前言:上篇讲了vue里面轮播图组件的使用,还有有个小问题可以优化一下。 github:https://github.com/Ewall1106/mall 1、焦点问题 我们看到这里的焦点会有一个默认的颜色,改变这个焦点颜色也...

Ewall_
06/22
0
0
pixviewer.swf相关

做网站也蛮久了,有时候经常会遇到一些需要轮播的图片,现在网上比较流行的,使用比较方便的就是pixviewer.swf这段flash了,今天因为有人要在我们网站的焦点图片上投放广告,而这个焦点图就是...

simpower
2015/04/07
0
0
请高手帮忙分析、抓取一个轮播焦点图效果

里面有一个轮播焦点图效果,我把页面代码里涉及到的文件都下载到本地,但还是无法实现网上的效果 朋友们帮帮忙啊 http://www.mix-box.com.cn/join/helper.shtml...

gzdd
2014/07/11
45
0
Android Viewpager和EditText

我在Activity里面做了一个ViewPager的一个3s轮播的图片浏览,下面是EditText的评论输入框,但是这两个毫不相干的东西在一个界面里,会影响到EditText的焦点,而且还会改变软键盘的输出状态(...

朱濤36246
2015/12/22
353
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

沙箱程序之虚拟机篇

由上而下的描述。 libvirt 最顶层是管理虚拟机的入口,linux开源套件 libvirt(官网:www.libvirt.org): Introduction The libvirt project: is a toolkit to manage virtualization platfor......

simpower
31分钟前
0
0
1.05-一台电脑配置多个SSH KEY

https://www.cnblogs.com/popfisher/p/5731232.html

静以修身2025
35分钟前
0
0
美团在O2O场景下的广告营销

美团作为中国最大的在线本地生活服务平台,覆盖了餐饮、酒店、旅行、休闲娱乐、外卖配送等方方面面生活场景,连接了数亿用户和数百万商户。如何帮助本地商户开展在线营销,使得他们能快速有效...

美团技术团队
36分钟前
0
0
/etc/rc.d/rc.local设置开机启动

vi /etc/rc.d/rc.local /usr/local/apache/bin/apachectl -k start

健康的程序员
43分钟前
0
0
IntelliJ IDEA 插件 阿里巴巴Java开发手册

以前看到过个:Java开发手册(阿里巴巴-公开版),这是个pdf文档,里面描述了一些Java开发的规约,里面确实有很多好用的规约,要是在学校就有机会看看的话,那么,在毕业之后,实际工作中就会...

码代码的小司机
47分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部