淘宝店铺促销区滚动条代码及使用教程
时间:2012-03-12 15:40 | 来源:淘宝论坛 | 作者:网络 | 浏览: 2575 |
很多店主会在店铺首页促销区内 放入很多促销文字、活动公告。
为达到显目的效果,经常是字体很大,很占面积,且版面难看。
下面我要教大家使用滚动条代码,这样就可以把你的促销文字、公告信息统统扔到里面。
首先先申明一下,看完帖子还不会的同学请跟帖提问哦,大家都有自己的时间安排,
请谅解我不能一一解答!
接下来我们先来看看滚动条的效果吧!
*属性设置: WIDTH: 148;HEIGHT: 146; 根据使用的位置,可调整宽度和高度.
*OVERFLOW: scroll; 显示纵横滚动条.上部的演示均属设置为scroll的界面. 但一般都设置为:auto(需要时才显示)
*BACKGROUND-COLOR: transparent;
滚动框内部背景颜色.transparent为透明色.其他可使用颜色代码.
*上面就是滚动参数设置细节!还可以这个滚动条里加入图片哦~
接下来我就把几款比较好看的滚动条代码分享给大家咯~
代码在滚动条里面哦,复制就可以!
<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #D2E5F4; scrollbar-highlight-color: #D2E5F4; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #D2E5F4">
这里输入内容
</div>
<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-face-color: #d9d9d9; scrollbar-3dlight-color: #d9d9d9; scrollbar-darkshadow-color: #d9d9d9; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #ffffff">
这里输入内容
</div>
<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color: #9EBFE8; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #9EBFE8; scrollbar-darkshadow-color: #9EBFE8; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF">
这里输入内容
</div>
觉得本文有用? |
下一篇:淘宝宝贝图片怎么加水印|淘宝店铺宝贝图片添加水印教程