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包在下面自行下载*/ -->
<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>
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>
<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>
- javascript 设置图片自动播放
- javascript图片自动播放代码
- 自动播放图片代码
- 自动播放图片代码
- 自动循环播放图片
- AdapterViewFlipper自动播放图片
- ViewPager设置自动播放
- FLV 设置自动播放
- javascript 控制图片播放
- javascript图片播放
- android 图片的自动播放
- Slideshow:图片自动播放控件
- android 自动播放图片
- c#图片自动播放程序
- js图片自动循环播放
- 如何设置幻灯片自动播放
- 设置PowerPoint2007自动循环播放
- javascript实现图片播放功能
- linux下使用yum安装mysql
- 螺旋矩阵
- android读取网络图片
- 基于android的主题插件编写
- OpenCV - Mat、CvMat、IplImage类型浅析
- javascript 设置图片自动播放
- BloomFilter——大规模数据处理利器
- 将html的api文档转换成chm格式
- 修复移动硬盘“文件或目录损坏且无法读取”错误
- Lombok 安装、入门 - 消除冗长的 java 代码
- 拓网浏览器
- Csharp:Windowsform using CheckedListBox Datasource
- 【Linux】用户不在sudoers文件中
- How to redirect page in JavaScript