源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

基于jquery编写的横向自适应幻灯片切换特效的实例代码

  • 时间:2020-01-14 09:36 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:基于jquery编写的横向自适应幻灯片切换特效的实例代码
[u]复制代码[/u] 代码如下:
<script type="text/javascript"> jQuery(".fullSlide").hover(function() {     jQuery(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.5) }, function() {     jQuery(this).find(".prev,.next").fadeOut() }); jQuery(".fullSlide").slide({     titCell: ".hd ul",     mainCell: ".bd ul",     effect: "fold",     autoPlay: true,     autoPage: true,     trigger: "click",     startFun: function(i) {         var curLi = jQuery(".fullSlide .bd li").eq(i);         if ( !! curLi.attr("_src")) {             curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")         }     } }); </script>
效果图如下: [img]http://files.jb51.net/file_images/article/201308/201386101146687.jpg[/img]
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部