您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 焦点图 >

    jQuery多屏大图首页焦点图代码

    时间:2014-04-01 08:48 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

    效果预览 进入下载地址列表

    大图jQuery多屏首页焦点图代码,兼容主流浏览器,源码搜藏网推荐下载!

     

    使用方法:

    1、head区域引用文件jquery1.42.min.js,jquery.superslide.2.1.1.js, lrtk.css

    2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码

    3、js参数调用说明:

    titCell:导航元素对象(鼠标的触发元素对象)

    mainCell:切换元素的包裹层对象

    effect:动画效果(默认:"fade")

    fade:渐显;|| left:左滚动;|| fold:淡入淡出

    autoPlay:自动运行(默认:false)

    delayTime:毫秒(默认:500);切换效果持续时间(一次切换效果执行所用的时间长度)。pt>

    autoPage:默认为false;支持自定义分页html,$为数字替换位置。例如autoPage:"<li><a>$</a></li>",如果不想输出数字:autoPage:"<li><a></a></li>"。

    prevCell:前一个/页按钮对象。默认(".prev")

    nextCell:后一个/页按钮对象。默认(".next")

    <script>
    /*鼠标移过,左右按钮显示*/
    $(".www51buycom").hover(function(){
    $(this).find(".prev,.next").fadeTo("show",0.1);
    },function(){
    $(this).find(".prev,.next").hide();
    })
    /*鼠标移过某个按钮 高亮显示*/
    $(".prev,.next").hover(function(){
    $(this).fadeTo("show",0.7);
    },function(){
    $(this).fadeTo("show",0.1);
    })
    $(".www51buycom").slide({ titCell:".num ul" , mainCell:".51buypic" , effect:"fold", autoPlay:true, delayTime:700 , autoPage:true });
    </script>
    jQuery多屏大图首页焦点图代码由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/jiaodiantu/7041.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!
    标签:网站源码