旭日软件,致力于免费绿色的软件下载服务!
您当前位置:网站首页 >> 编程开发 >> js特效

banner JS特效(屏幕自适应宽度)下载下载地址

资源类别:[js特效]
软件版本:
软件大小:218KB
推荐等级:★★★★★
资源语言:简体中文
授权方式:免费版
软件属性:国产软件
应用平台:Win7,WinXP,Win2003,Win9X,Vista
推荐下载:
下载次数:226
更新时间:2014-10-19 22:09:53
软件简介

banner JS特效(屏幕自适应宽度)

  <div class=“bannerbg”>

  <link href=“ js/banner/lanrenzhijia.css” type=“text/css” rel=“stylesheet”/>

  <script src=“ js/banner/jquery.min.js”></script>

  <script src=“js/banner/jquery.touchSlider.js”></script>

  <script>

  $(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>

  <div class=“main_visual”>

  <div class=“flicking_con”>

  <div class=“flicking_inner”>

  <a href=“javascript:”>1</a>

  <a href=“javascript:”>2</a>

  </div>

  </div>

  <div class=“main_image”>

  <ul>

  <li style=“background:url(‘images/banner/banner1.jpg’) no-repeat center top”></li>

  <li style=“images/banner/banner2.jpg‘) no-repeat center top”></li>

  </ul>

  <a href=“javascript:;” id=“btn_prev”></a>

  <a href=“javascript:;” id=“btn_next”></a>

  </div>

  </div>

  </div>

 

下载地址
温馨提示:2013年6月20号之前更新的软件请选择本地下载,下载前务必看下载帮助,6月20号之前软件存储在网盘!
发表评论
网名:
评论:
验证:
共有0人对本文发表评论查看所有评论(网友评论仅供表达个人看法,并不表明本站同意其观点或证实其描述)
下载帮助
本站努力为站长及广大朋友们提供免费软件下载,如发现网站软件有下载不成功,或者有病毒,不会使用... 请告诉我们,我们一定会热情为您解决,旭日站长努力为你们服务,是你们建站的帮手...
* 本站提供的软件我们都会尽可能测试后再上传,都亲自运行过,同时通过卡巴斯基杀毒、360、瑞星杀毒软件的验证,限于能力及系统等问题,无法保证所有软件都没有任何问题,如果您发现链接错误或其它问题,发email到[email protected]或者qq交谈告诉我们,谢谢! 
温馨提示:当日更新的软件,如果无法下载或下载后版本不对,说明正在上传中,请稍后再下载。


赞助商链接
  •  联系邮箱:[email protected]-在线QQ: QQ号码675824234
  • 冀ICP备1100793 
  • Copyright 2011-2014, 版权所有 www.webmaster5u.com.