引用
冰雪梅 的 边条滑块的代码
由于页面的长度宽度的限制,有些文章较长,为了阅读浏览方便,边缘需加边条滑块。很多朋友问过我,下面我把代码介绍一下。下面是网络上的一些图片:
没有边条滑块:
添加边条滑块:
只要在原代码前加上如下代码即可:
<div style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; SCROLLBAR-FACE-COLOR: 00ff00; OVERFLOW: auto; BORDER-LEFT: 0px solid; WIDTH: 700px; BORDER-BOTTOM: 1px solid; HEIGHT: 500px" align="center">
<div style="FONT-SIZE: 20px; BORDER-LEFT: 0px solid; DIRECTION: 1tr; LINE-HEIGHT: 20px">其中:
SCROLLBAR-FACE-COLOR: 00ff00 边条的颜色
WIDTH: 700px; 底边条的宽
HEIGHT: 500px 侧边条的高
只需调正这三个参数即可。
我的日志导航:
★ 雪梅大课堂
◆学做特效
◆推荐侧边栏天气预报代码 ◆能叫图片翻转的代码
代码如下:
<DIV style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; OVERFLOW: auto; BORDER-LEFT: 0px solid; WIDTH: 400px; DIRECTION: rtl; BORDER-BOTTOM: 0px solid; HEIGHT: 400px">
<DIV style="FONT-SIZE: 15px; DIRECTION: ltr; LINE-HEIGHT: 15px"><BR>
<P><FONT style="FONT-SIZE: 14pt"><FONT color=red>★</FONT> <FONT face=楷体_GB2312><STRONG><FONT color=#aa0000><FONT size=4>雪梅大课堂</FONT> </FONT></STRONG></FONT>
<P style="TEXT-INDENT: 0em"><FONT color=#0000ff>◆</FONT><A href="http://fengying614.blog.163.com/blog/static/914601820071199131249/" target=_blank><FONT style="FONT-SIZE: 10pt" color=#0000ff>漂 亮 的 标 题 框</FONT></A> </P>
<P style="TEXT-INDENT: 0em"><FONT color=#0000ff>◆</FONT><A href="http://fengying614.blog.163.com/blog/static/9146018200711814926797/" target=_blank><FONT style="FONT-SIZE: 10pt" color=#0000ff>Flash 文本特效动画制作软件(含教程)</FONT></A> </P>
<P style="TEXT-INDENT: 0em"><FONT color=#0000ff>◆</FONT><A href="http://fengying614.blog.163.com/blog/static/9146018200711772738410/" target=_blank><FONT style="FONT-SIZE: 10pt" color=#0000ff>精美博客代码应用技巧</FONT></A> </P>
--------------------------
评论