知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    仿淘宝上下翻滚的jquery图片切换特效

    作者:bbin视讯真人娱乐平台登入 来源:jquery特效 2011-05-10 人气:
    仿淘宝网首页上下翻滚的jquery图片切换特效,滚动方式为上下翻滚切换的焦点幻灯片特效,jquery.Slide.js已经被压缩不是原始的jquery文件,不过不影响使用和修改,完全可以自己重写部分

    仿淘宝网首页上下翻滚的jquery图片切换特效,收集与网络,原作者未知,滚动方式为上下翻滚切换的焦点幻灯片特效,基于jquery,jquery.Slide.js已经被压缩不是原始的jquery文件,不过不影响使用和修改,完全可以自己重写部分样式,如果你重写的样式不生效可以在css样式后面加 !important ,如:#btnlistID li{ color:#ffffff!important;}

    jquery代码如下:

    <script src="http://bbinsxzrylptdr.xsb868.com/js/jquery/1.3/jquery.min.js" type="text/javascript"></script>
    <script src="js/jquery.Slide.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(function(){
        $("#taobaoSlide").KinSlideshow({
                moveStyle:"down",
                intervalTime:8,
                mouseEvent:"mouseover",
                titleFont:{TitleFont_size:14,TitleFont_color:"#ffffff"}
        });
    })
    </script>
    <style>
    #btnlistID li{ color:#ffffff!important;}
    </style>

    这里引用了谷歌的http://bbinsxzrylptdr.xsb868.com/js/jquery/1.3/jquery.min.js,你可以换成你自己的引用路径。

    $("#taobaoSlide").KinSlideshow 这里的# taobaoSlide 是你 jquery图片切换特效 容器的ID。

    moveStyle:"down", 这里的 down 你可以试试 left   呵呵,聪明的你一定知道什么意思了。

    titleFont:{TitleFont_size:14,TitleFont_color:"#ffffff"}  这是字号 和字体 颜色了。

    #btnlistID li{ color:#ffffff!important;} 这个样式是可以控制那个数字颜色的,数字的颜色默认是黑色,你想改变这个颜色你可以用这种方式,

    其他地方的样式也可以用这种方式改变。

    jquery图片切换特效 容器的HTML代码如下:

    <div id="taobaoSlide" style="visibility:hidden;">
            <a href="http://bbinsxzrylptdr.xsb868.com/" target="_blank"><img src="images/1.jpg" alt="懒人建站为您提供-基于jquery特效" width="500" height="200" /></a>
            <a href="http://bbinsxzrylptdr.xsb868.com/JS/" target="_blank"><img src="images/2.jpg" alt="懒人建站为您分享基于jquery 特效,分享是一种精神" width="500" height="200" /></a>
            <a href="http://bbinsxzrylptdr.xsb868.com/jquery/" target="_blank"><img src="images/1.jpg" alt="懒人建站为您提供-jquery 图片特效,jquery 菜单特效" width="500" height="200" /></a>
            <a href="http://bbinsxzrylptdr.xsb868.com/" target="_blank"><img src="images/2.jpg" alt="懒人建站 jquery 特效" width="500" height="200" /></a>
        </div>

    这个不多解释,

    你还要问怎么在你的页面中调用?这里说的基本很清楚了,还是不明白?那看演示吧,看演示里面怎么调用的。

    类似这样的
    <a href="http://bbinsxzrylptdr.xsb868.com/JS/" target="_blank"><img src="images/2.jpg" alt="懒人建站为您分享基于jquery 特效,分享是一种精神" width="500" height="200" /></a>
    一条一条的文章列表的读取应该不是什么难事吧!

     

    ↓ 查看全文

    仿淘宝上下翻滚的jquery图片切换特效由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    仿淘宝上下翻滚的jquery图片切换特效-最新评论

    网站地图 bbin视讯电子游艺登入 ag视讯注册登入 gp视讯app下载登入
    太阳城申博开户 888真人娱乐登陆 菲律宾申博太阳城登入 PT电子游戏官网
    恒和娱乐网址 沙龍娱乐诚信怎么样 tt彩票湖北快三 彩99app安全吗
    ag旗舰厅网址登入 bbin视讯下载网址登入 bbin视讯亚游娱乐登入 ag旗舰厅游戏网址登入
    ag视讯官方开户登入 ag视讯网站登入 ag视讯线路检测登入 bbin视讯官方直营网登入
    67ib.com 38csb.com 8BAS.COM 66sbsg.com 788TGP.COM
    383sunbet.com 100xsb.com XSB868.COM XSB158.COM XSB438.COM
    XSB698.COM 292SUN.COM 444BBIN.COM 758sunbet.com 286sunbet.com
    286sunbet.com 968tt.com S618U.COM 587PT.COM 158jbs.com