js图片标题随小圆点放大切换.zip资源-CSDN文库

共20个文件

png：7个

jpg：5个

js：5个

版权申诉

javascript

html5

jQuery

7 浏览量 2022-11-24 12:31:17 上传评论收藏 190KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

js图片标题随小圆点放大切换.zip （20个子文件）

js图片标题随小圆点放大切换

jiaoben3246

css

style.css 1KB

._demo.css 4KB

img

2.jpg 45KB

1.jpg 20KB

._2.png 4KB

3.jpg 20KB

controbg.png 178B

4.jpg 33KB

._1.png 4KB

._5.png 4KB

._3.png 4KB

._controbg.png 4KB

._4.png 4KB

index.html 2KB

._koala.min.1.5.js 4KB

._jquery-1.11.1.min.js 4KB

._terminator2.2.min.js 4KB

koala.min.1.5.js 35KB

terminator2.2.min.js 17KB

js图片标题随小圆点放大切换.jpg 47KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>带时间轴的图片轮播切换代码 - 网页模板</title> <link rel="stylesheet" type="text/css" href="css/style.css"> <script type="text/javascript" src="js/koala.min.1.5.js"></script> <script type="text/javascript"> Qfast.add('widgets', { path: "js/terminator2.2.min.js", type: "js", requires: ['fx'] }); Qfast(false, 'widgets', function () { K.tabs({ id: 'decoroll2',//焦点图包裹id conId: "decoimg_a2",//大图域包裹id tabId:"deconum2",//小圆点数字提示id tabTn:"a", conCn: '.decoimg_b2',//大图域配置class auto: 1,//自动播放 1或0 effect: 'fade',//效果配置 eType: 'mouseover',// 鼠标事件 pageBt:true,//是否有按钮切换页码 bns: ['.prev', '.next'],//前后按钮配置class interval: 3000// 停顿时间 }) }) </script> </head> <body> <div id="decoroll2" class="imgfocus"> <div id="decoimg_a2" class="imgbox"> <div class="decoimg_b2"><a href="http://www.moobnn.com/"><img src="img/1.jpg"></a></div> <div class="decoimg_b2"><a href="http://www.moobnn.com/"><img src="img/2.jpg"></a></div> <div class="decoimg_b2"><a href="http://www.moobnn.com/"><img src="img/3.jpg"></a></div> <div class="decoimg_b2"><a href="http://www.moobnn.com/"><img src="img/4.jpg"></a></div> </div> <ul id="deconum2" class="num_a2"> <li><a href="javascript:void(0)" hidefocus="true" target="_self">杨幂</a></li> <li><a href="javascript:void(0)" hidefocus="true" target="_self">范冰冰</a></li> <li><a href="javascript:void(0)" hidefocus="true" target="_self">高圆圆</a></li> <li><a href="javascript:void(0)" hidefocus="true" target="_self">刘诗诗</a></li> </ul> </div> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p> <p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉