码迷,mamicode.com
首页 > Web开发 > 详细

jcarousel 图片滚动css

时间:2014-08-19 18:59:55      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:blog   http   color   os   io   strong   ar   问题   

 jcarousel  jcarousel-skin-ie7

.jcarousel-skin-tango .jcarousel-container { -moz-border-radius: 10px; background: #F0F6F9; /*border: 1px solid #346F97;*/ } .jcarousel-skin-tango .jcarousel-container-horizontal { /*border: 1px solid blue;*/ width: 461px;/*ul外部宽度*/ +width: 531px;/*ul外部宽度 IE7、IE8*/ padding: 10px 38px;/*外部与内部的填充*/ } .jcarousel-skin-tango .jcarousel-clip-horizontal { /*border: 1px solid #346F97;*/ width: 459px;/*ul内部宽度*/ height: 207px;/*ul内部高度*/ } .jcarousel-skin-tango .jcarousel-item { /*border: 1px solid red;*/ width: 149px;/*li宽度*/ height: 205px;/*li高度*/ } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 4px;/*li之间的间隔*/ } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 90px;/*下一页按钮图标上边距*/ right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(next-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -32px 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 90px;/*上一页按钮图标上边距*/ left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(prev-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -32px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; }

 

 

兼容性问题:http://hotstrong.iteye.com/blog/1009212

jcarousel 图片滚动css,布布扣,bubuko.com

jcarousel 图片滚动css

标签:blog   http   color   os   io   strong   ar   问题   

原文地址:http://www.cnblogs.com/520yun/p/3922633.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!