带时间线的宽屏图片切换.zip资源-CSDN文库

共15个文件

jpg：8个

js：3个

png：2个

版权申诉

html5

jQuery

javascript

105 浏览量 2022-11-25 10:22:27 上传评论收藏 525KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

带时间线的宽屏图片切换.zip （15个子文件）

带时间线的宽屏图片切换

jiaoben35

css

css.css 2KB

images

01.jpg 72KB

05.jpg 83KB

bg-content-shadow.jpg 12KB

04.jpg 71KB

timeline.png 6KB

nav-icons.png 18KB

03.jpg 65KB

02.jpg 94KB

bg-body.jpg 3KB

index.html 3KB

jquery.tooltip.pack.js 4KB

chinaz.js 76KB

player.js 8KB

带时间线的宽屏图片切换.jpg 88KB

<!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=gb2312" /> <meta name="keywords" content="带时间轴,jquery,宽屏,图片切换" /> <meta name="description" content="一款非常不错的jQuery 带时间线的大幅焦点图轮番切换代码，用在首页很大气，时间线适时显示图片切换的状态，用鼠标点击也可以随时切换。" /> <title>带时间线的宽屏图片切换_网页模板</title> <LINK rel=stylesheet type=text/css href="css/css.css" media=all> <SCRIPT type=text/javascript src="js/chinaz.js"></SCRIPT> <SCRIPT type=text/javascript src="js/jquery.tooltip.pack.js"></SCRIPT> <SCRIPT type=text/javascript src="js/player.js"></SCRIPT> <SCRIPT type=text/javascript> $(document).ready(function() { slideshow_data["1"] = new views_slideshow_data(10, 5000, 1, true, "slow", 0.25); views_slideshow_timer("1", true); $("#views_slideshow_main_1").hover( function() { views_slideshow_pause("1"); }, function() { views_slideshow_resume("1"); }); }); </SCRIPT> </head> <BODY class="front" style="text-align:center"> <br /><br /> <DIV id=wrapper> <DIV id=container> <DIV id=introBoxes> <DIV id=introWelcome class=introPart><a href="http://www.moobnn.com/" target="_blank"><img src="images/01.jpg" width="970" height="287" border="0" /></a></DIV> <DIV id=introAccessibility class=introPart><a href="http://www.moobnn.com/" target="_blank"><img src="images/02.jpg" width="970" height="287" /></a></DIV> <DIV id=introPerformance class=introPart><a href="http://www.moobnn.com/" target="_blank"><img src="images/03.jpg" width="970" height="287" /></a></DIV> <DIV id=introFeatured class=introPart><a href="http://www.moobnn.com/" target="_blank"><img src="images/04.jpg" width="970" height="287" /></a></DIV> <DIV id=introCommunity class=introPart><a href="http://www.moobnn.com/" target="_blank"><img src="images/05.jpg" width="970" height="287" /></a></DIV> </DIV> <DIV id=introNav> <UL id=playback> <LI class=prev><A href="#">Previous</A></LI> <LI class=play><A href="#">Play</A> </LI> <LI class=pause><A href="#">Pause</A></LI> <LI class=next><A href="#">Next</A> </LI> </UL> <DIV id=timeline><DIV class=inside></DIV></DIV> <UL class=nav> <LI class="p1 active"><A href="#">Welcome to CKEditor <SPAN class="point p1"></SPAN></A></LI> <LI class=p2><A href="#">Full Accessibility <SPAN class="point p2"></SPAN></A></LI> <LI class=p3><A href="#">Amazing Performance <SPAN class="point p3"></SPAN></A></LI> <LI class=p4><A href="#">Full Featured <SPAN class="point p4"></SPAN></A></LI> <LI class=p5><A href="#">Great Community <SPAN class="point p5"></SPAN></A></LI> </UL> </DIV> </DIV> </DIV> <p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a> </p> </body> </html>

评论收藏

内容反馈

版权申诉