知识 分享 互助 快乐十分玩法与奖金

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

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

    快乐十分预测号码软件:仿淘宝上下翻滚的jquery图片切换特效

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

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

    jquery代码如下:

    <script src="//lib.sinaapp.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>

    这里引用了谷歌的//lib.sinaapp.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="//www.j63d3.cn/" target="_blank"><img src="images/1.jpg" alt="快乐十分玩法与奖金为您提供-基于jquery特效" width="500" height="200" /></a>
            <a href="//www.j63d3.cn/JS/" target="_blank"><img src="images/2.jpg" alt="懒人建站为您分享基于jquery 特效,分享是一种精神" width="500" height="200" /></a>
            <a href="//www.j63d3.cn/jquery/" target="_blank"><img src="images/1.jpg" alt="懒人建站为您提供-jquery 图片特效,jquery 菜单特效" width="500" height="200" /></a>
            <a href="//www.j63d3.cn/" target="_blank"><img src="images/2.jpg" alt="懒人建站 jquery 特效" width="500" height="200" /></a>
        </div>

    这个不多解释,

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

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

     

    ↓ 查看全文

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

    快乐十分玩法与奖金就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

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

  • 山西省互联网违法和不良信息举报中心——黄河新闻网 2019-06-18
  • 【民族团结一家亲】民族团结大院里的团圆节 2019-06-11
  • 港珠澳大桥跨境私家车澳门配额接受申请 2019-06-11
  • 一周财政部原副部长张少春被查多名中管干部案件有进展 2019-06-10
  • 《舌尖上的中国》陈晓卿新作《风味人间》即将登场 2019-06-04
  • 乐安一医生工作时抽烟睡觉骂人失医德 被责令检讨罚款通报长记性 2019-06-04
  • 王石田朴珺罕见亲密写真曝光 女方喂男方冰淇淋娇羞甜蜜 2019-06-03
  • 端午节后乌鲁木齐市迎晴好天气 2019-06-03
  • 中国这次强硬反击,传递了四个意味深长的信号! 2019-05-26
  • 宝马进口X2售价曝光 推2款车型或35.8万元起售 2019-05-26
  • 聚焦两会“部长通道”再启:六位部委负责人谈发展 话民生 2019-05-22
  • 同一个世界,同一个银行,这样的银行能参与国际竞争吗?女子去银行取钱:柜员递出一张纸 写着公安局地址 2019-05-22
  • 楼市回暖迹象隐现:上涨压力犹存 调控或继续加码 2019-05-17
  • 南通如皋为应对督察“回头看”违法掩埋危险废物 2019-05-17
  • 创维数码发布年报:净赚5.41亿港元 同比减少58.7% 2019-05-10
  • 741| 182| 738| 770| 683| 948| 393| 186| 363| 504|