javascript 设置图片自动播放

来源:互联网 发布:海淘网站 知乎 编辑:程序博客网 时间:2024/05/14 12:44
<head>
<script src="js/jquery.iFadeSldie.pack.js"></script>
<script src="js/jquery-1.4.min.js"></script>     
<!--     /*js包在下面自行下载*/ -->
点击打开链接
<!--礼包码:5lb7nmyl -->
ript language="javascript">
/*******************************
* @基于jQuery淡入淡出可自动切换的幻灯插件
* @jQuery Vesion:1.4.2
* @Plugin Page:http://mrthink.net/jq-plugin-ifadeslide/
*******************************/
//调用插件并传入插件参数
//此处传入的参数将覆盖jquery.iFadeSlide.js的参数,为空即使用插件文件中默认参数
$(function(){
//SAMPLE-A调用---未传入任何参数,调用默认参数
$('div#slide').iFadeSlide();
//SAMPLE-B调用---传入新的参数,将覆盖原有参数,未传入的使用默认值
$('div#slide_b').iFadeSlide({
field: $('div#slide_b a'),
icocon:$('div.ico_b'),
hoverCls: 'high_b',
curIndex: 2,  //索引值0起始,故此处设置为第3项高亮
interval: 4000
});
//SAMPLE-C调用---传入新的参数,将覆盖原有参数,未传入的使用默认值
$('div#slide_c').iFadeSlide({
field: $('div#slide_c img'),
icocon: $('div.ico_c'),
outTime:100,
inTime: 200
});
});
</script>

</head>
<body>
    <div id="slide_b">
    <a href="#"><img src="images/img_1.jpg" title="" alt="demo"></a>
    <a href="#"><img src="images/img_2.jpg" title="" alt="demo"></a>
    <a href="#"><img src="images/img_3.jpg" title="" alt="demo"></a>
   
 <a href="#"><img src="images/img_4.jpg" title="" alt="demo"></a>
    <div class="ico_b"></div>
</div>

</body>
原创粉丝点击