自适应网页宽度jquery焦点图.zip资源-CSDN文库

共12个文件

png：4个

jpg：4个

js：2个

版权申诉

jQuery

html5

javascript

194 浏览量 2022-11-26 11:03:21 上传评论收藏 237KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

自适应网页宽度jquery焦点图.zip （12个子文件）

自适应网页宽度jquery焦点图

自适应网页宽度jquery焦点图.jpg 37KB

jiaoben231

iamges

01.jpg 35KB

tg_flash_p2.png 3KB

03.jpg 53KB

tg_flashbar.png 16KB

02.jpg 77KB

tg_flash_p.png 460B

index.css 2KB

touming.png 121B

index.html 3KB

DD_belatedPNG_0.0.8a-min.js 7KB

jquery-1.4.2.min.js 71KB

<!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>自适应网页宽度jquery焦点图 - 网页模板</title> <link href="iamges/index.css" rel="stylesheet" type="text/css"> <script src="js/jquery-1.4.2.min.js"></script>   </head> <body>  <div id="flashBg" style="background-color: rgb(11, 11, 11); "> <div id="flashLine"> <div id="flash"> <a href="http://www.moobnn.com/" target="_blank" id="flash1" style="display: block; " name="#0b0b0b"><img src="iamges/01.jpg" width="980" height="393"></a> <a href="http://www.moobnn.com/" target="_blank" id="flash2" name="#194982" style="display: none; "><img src="iamges/02.jpg" width="980" height="393"></a> <a href="http://www.moobnn.com/" target="_blank" id="flash3" name="#04304b" style="display: none; "><img src="iamges/03.jpg" width="980" height="393"></a> <div class="flash_bar"> <div class="dq" id="f1" onclick="changeflash(1)"></div> <div class="no" id="f2" onclick="changeflash(2)"></div> <div class="no" id="f3" onclick="changeflash(3)"></div> </div> </div> </div> </div> <script> var currentindex=1; var length = $(".flash_bar div").length; $("#flashBg").css("background-color",$("#flash1").attr("name")); function changeflash(i) { currentindex=i; for (j=1;j<=length;j++){ if (j==i) {$("#flash"+j).fadeIn("normal"); $("#flash"+j).css("display","block"); $("#f"+j).removeClass(); $("#f"+j).addClass("dq"); $("#flashBg").css("background-color",$("#flash"+j).attr("name")); } else {$("#flash"+j).css("display","none"); $("#f"+j).removeClass(); $("#f"+j).addClass("no");} }} function startAm(){ timerID = setInterval("timer_tick()",3000); } function stopAm(){ clearInterval(timerID); } function timer_tick() { currentindex=currentindex>=length?1:currentindex+1; changeflash(currentindex);} $(document).ready(function(){ $(".flash_bar div").mouseover(function(){stopAm();}).mouseout(function(){startAm();}); startAm(); }); </script>  <p align="center">适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p> <p align="center">来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p> </body> </html>

评论收藏

内容反馈

版权申诉