1920px满屏BANNER焦点js+css代码资源-CSDN文库

共21个文件

js：10个

jpg：5个

png：3个

满屏BANNER

banner特效

箭头banner

全屏banner

banner代码

4星 · 超过85%的资源需积分: 12 167 浏览量 2013-12-13 21:18:21 上传评论收藏 490KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

BANNER焦点图.zip （21个子文件）

images

hover_left.png 4KB

logger.js 6KB

img_main_2.jpg 141KB

jquery.touchSlider.js 12KB

img_main_1.jpg 101KB

ga.js 39KB

img_main_5.jpg 103KB

img_main_3.jpg 63KB

jquery-1.7.1.min.js 92KB

ecom 805B

show_ads.js 21KB

jquery.event.drag-1.5.min.js 2KB

logAdvanced.js 27KB

bdsstyle.css 10KB

hover_right.png 4KB

img_main_4.jpg 110KB

s.js 44KB

bds_s_v2.js 26KB

hm.js 14KB

btn_main_img.png 3KB

index.htm 5KB

<!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"> <title></title> <script type="text/javascript" src="images/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="images/jquery.touchSlider.js"></script> <script type="text/javascript"> $(document).ready(function () { $(".main_visual").hover(function(){ $("#btn_prev,#btn_next").fadeIn() },function(){ $("#btn_prev,#btn_next").fadeOut() }) $dragBln = false; $(".main_image").touchSlider({ flexible : true, speed : 200, btn_prev : $("#btn_prev"), btn_next : $("#btn_next"), paging : $(".flicking_con a"), counter : function (e) { $(".flicking_con a").removeClass("on").eq(e.current-1).addClass("on"); } }); $(".main_image").bind("mousedown", function() { $dragBln = false; }) $(".main_image").bind("dragstart", function() { $dragBln = true; }) $(".main_image a").click(function() { if($dragBln) { return false; } }) timer = setInterval(function() { $("#btn_next").click();}, 5000); $(".main_visual").hover(function() { clearInterval(timer); }, function() { timer = setInterval(function() { $("#btn_next").click();}, 5000); }) $(".main_image").bind("touchstart", function() { clearInterval(timer); }).bind("touchend", function() { timer = setInterval(function() { $("#btn_next").click();}, 5000); }) }); </script> <style type="text/css">  </style></head> <body> <div class="main_visual"> <div class="flicking_con"> <div class="flicking_inner"> <a href="http://www.5icool.org/" class="">1</a> <a href="http://www.5icool.org/" class="">2</a> <a href="http://www.5icool.org/" class="on">3</a> <a href="http://www.5icool.org/" class="">4</a> <a href="http://www.5icool.org/" class="">5</a> </div> </div> <div class="main_image"> <ul style="width: 1000px; overflow: visible;"> <li style="float: none; display: block; position: absolute; top: 0px; left: -2698px; width: 1000px;"><span class="img_3"></span></li> <li style="float: none; display: block; position: absolute; top: 0px; left: -1349px; width: 1000px;"><span class="img_4"></span></li> <li style="float: none; display: block; position: absolute; top: 0px; left: 0px; width: 1000px;"><span class="img_1"></span></li> <li style="float: none; display: block; position: absolute; top: 0px; left: -5396px; width: 1000px;"><span class="img_2"></span></li> <li style="float: none; display: block; position: absolute; top: 0px; left: -4047px; width: 1000px;"><span class="img_5"></span></li> </ul> <a href="javascript:;" id="btn_prev" style="width: 1000px; overflow: visible; display: inline;"></a> <a href="javascript:;" id="btn_next" style="width: 1000px; overflow: visible; display: inline;"></a> </div> </div> </body></html>

评论收藏

内容反馈