网站公告列表

  没有公告

加入收藏
设为首页
繁体中文
您现在的位置: 网上见社区 >> 电脑 >> 编程代码 >> 文章正文
  滚动条特效代码收集         ★★★ 【字体:
滚动条特效代码收集
作者:佚名    文章来源:转帖    点击数:    更新时间:2006-10-6    
1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条)
overflow-x水平方向内容溢出时的设置
overflow-y垂直方向内容溢出时的设置
以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。

2.scrollbar-3d-light-color立体滚动条亮边的颜色(设置滚动条的颜色)
scrollbar-arrow-color上下按钮上三角箭头的颜色
scrollbar-base-color滚动条的基本颜色
scrollbar-dark-shadow-color立体滚动条强阴影的颜色
scrollbar-face-color立体滚动条凸出部分的颜色
scrollbar-highlight-color滚动条空白部分的颜色
scrollbar-shadow-color立体滚动条阴影的颜色

我们通过几个实例来讲解上述的样式属性:
1.让浏览器窗口永远都不出现滚动条
没有水平滚动条
<body style="overflow-x:hidden">
没有垂直滚动条
<body style="overflow-y:hidden">
没有滚动条
<body style="overflow-x:hidden;overflow-y:hidden">或<body
style="overflow:hidden">

2.设定多行文本框的滚动条

没有水平滚动条
<textarea style="overflow-x:hidden"></textarea>

没有垂直滚动条
<textarea style="overflow-y:hidden"></textarea>

没有滚动条
<textarea style="overflow-x:hidden;overflow-y:hidden"></textarea>
或<textarea style="overflow:hidden"></textarea>

3.设定窗口滚动条的颜色
设置窗口滚动条的颜色为红色<body style="scrollbar-base-color:red">
scrollbar-base-color设定的是基本色,一般情况下只需要设置这一个属性就可以达到改变滚动条颜色的目的。
加上一点特别的效果:
<body style="scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon">

4.在样式表文件中定义好一个类,调用样式表。
<style>
.coolscrollbar{scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon;}
</style>
这样调用:
<textarea class="coolscrollbar"></textarea>
文章录入:浅水游龙    责任编辑:浅水游龙 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    最新热点 最新推荐 相关文章
    用手机挂QQ 你也能快速升级为…
    制作一个百毒不侵的系统
    用脚本恢复Windows XP的用户…
    Windows操作系统中必须禁止的…
    Windows目录下几大需清理的地…
    修改注册表设置系统安全性
    网页恶性代码分析
    检测和删除系统中的木马(Tr…
    五招查出想要知道的IP地址
    安全无线局域网搭建方案
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    Copyright by seeunet.com (2005-2007) 粤ICP备05118646号
    告示:如果本站有任何文章/作品侵犯你的合法权益,请你告诉我,我会尽快处理!
    站长QQ:399093531;25302531