当前位置: 首页 > 建站技术 > 编程语言 > 正文

  • 标签
  • 源码
  • 特效
  • 3款经典jQuery图片滚动代码,高端网页必备!

                                                    效果一

                                   效果二

                                    效果三

    今天给大家带来的是

    3款经典jQuery图片水平垂直滚动切换代码

    代码过长需要文档版源码来我的前端裙 581549454,已上传 到裙文件

    废话不多说!上源码

    CSS源码:

    *{margin:0;padding:0;}

    li{list-style:none outside none;}

    body{background:url(../images/rbg.jpg) repeat scroll 0 0 #aaa;font-family:"宋体";padding:50px 0 0;}

    /* .silder-box{width:600px;height:400px;margin:0 auto 0;position:relative;}

    .silder{position:relative;overflow:hidden;width:400px;height:400px;margin:0 auto 0;}

    .silder li{width:400px;height:400px;} */

    .silder-box{position:relative;margin:50px auto ;}

    .silder{margin:0 auto 0;}

    .silder li{width:400px;height:400px;}

    .silder li img{width:100%;height:100%;}

    .silder-button{top:173px;width:25px;height:54px;position:absolute;cursor:pointer;}

    .silder-button.btl{left:10px;background:url(../images/bl.png);}

    .silder-button.btr{right:10px;background:url(../images/br.png);}

    .silder-box-1{width:1000px;}

    .silder-box-2{width:500px;}

    .silder-box-2 .silder li {width:200px;height:200px;}

    .silder-box-3{width:1000px;}

    p{font-size:20px;line-height:20px;text-align:center;color:#333;}

    p span{color:#CB0000;}

    h1{font-size:20px;line-height:50px;text-align:center;color:#333;}

    h1 em{font-size:30px;color:#CB0000;padding:0 10px;}

    textarea{display:block;text-indent:0;width:500px;margin:0 auto 20px;background:#ccc;border:0 none;resize:;font-size:12px;min-height:120px;}

    textarea.t1{height:340px;margin:20px auto ;}

    .small-navs{position:absolute;}


    关注创业、电商、站长,扫描方便乐网站微信二维码,定期抽大奖。

    【版权与免责声明】如发现内容存在版权问题,烦请提供相关信息发邮件至2723741405@qq.com,我们将及时沟通与处理。本站内容除非来源注明方便乐,否则均为网友转载,涉及言论、版权与本站无关。

    本文永久链接:http://www.fangbianle.com/news/show-255318.html

  • 营销
  • 创业
  • 电商
  • 微商
  • 那些关于抽奖你不知道的事,其实吸粉也得靠套路!
    内容运营:如何借助热点,让你的产品一炮走红
    营销策划的流程
    万商汇:移动营销从粗放走向精细化
    好活动才得人心,可是什么样的活动才是好活动呢?
    如何才能将社群成员转化为客户呢?提升转化率的几点小妙招奉上
    营销策划功效
    如何才能写出让客户无法拒绝的文案!必看十大秘诀