|
很多店主会在店铺首页促销区内 放入很多促销文字、活动公告。
为达到显目的效果，经常是字体很大，很占面积，且版面难看。
下面我要教大家使用滚动条代码，这样就可以把你的促销文字、公告信息统统扔到里面。
首先先申明一下，看完帖子还不会的同学请跟帖提问哦，大家都有自己的时间安排，
请谅解我不能一一解答！
接下来我们先来看看滚动条的效果吧！
*属性设置： 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>
<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color: #333333; scrollbar-shadow-color: #808080; scrollbar-highlight-color: #333333; scrollbar-3dlight-color: #808080; scrollbar-darkshadow-color: #333333; scrollbar-track-color: #191919; scrollbar-arrow-color: #CCCCCC">
这里输入内容
</div>
<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color: #FDDEE8; scrollbar-shadow-color: #FDDEE8; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #FDCFDD; scrollbar-darkshadow-color: #FDCFDD; scrollbar-track-color: FFF6F9; scrollbar-arrow-color: #FEA6C0">
这里输入内容
</div>
★ 选择好滚动条样式后，我们就要来设置参数啦！最简单的就是修改一下宽、高就可以了。
*属性设置： WIDTH: 148;HEIGHT: 146; 根据使用的位置,可调整宽度和高度.
*OVERFLOW: scroll; 显示纵横滚动条.上部的演示均属设置为scroll的界面.
但一般都设置为：auto(自动的意思，只有您的文字超过了滚动条设置的高度，
才会出现滚动条哦) 这点很关键哦~
一般我们都是把OVERFLOW: scroll；设置成OVERFLOW: auto；！
*BACKGROUND-COLOR: transparent;
滚动框内部背景颜色.transparent为透明色.其他可使用颜色代码.（颜色代码可以在百度里面搜索）
 只要把样本里面的代码复制到你自定义内容区的代码编辑内，
然后就可以回到编辑区中双击输入你要写的内容了~
好了，大家去编辑试试吧。不问题的跟帖回复哦，
我会很快的回复大家的！
我的另一篇教程帖：
1.教大家用PS做店标动画 ?
2.教大家如何节省图片空间?
解答区：
问1：设置高跟宽怎么设置啦？参数是？
答：宽、高，就是代码中的width、height，大家只要修改下面红色部分部分的数值就可以了！
<div style="WIDTH:148;HEIGHT:146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll;
scrollbar-face-color: #333333; scrollbar-shadow-color: #808080; scrollbar-highlight-color: #333333;
scrollbar-3dlight-color: #808080; scrollbar-darkshadow-color: #333333; scrollbar-track-color: #191919;
scrollbar-arrow-color: #CCCCCC">这里输入内容</div>
Ps：看到很多同学都是直接把代码复制到回复编辑框里，这样是不能显示滚动条的哦，
一定要放在代码编辑区里面哦~ 点这个进入代码编辑，然后再点一下回来编辑区，
再双击就可以输入内容了！
|