您好!欢迎您光临本站! 体育 I 论坛 I 交友 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>网络课堂>>>网页代码教程>>>滚动条代码
滚动条代码
发表日期:2007/9/27 18:45:00 出处:未知 作者:未知 发布人:jxhp 已被访问 1349

先要在iframe里面允许透明!在iframe加入allowTransparency="true"
如:<iframe name="ml" src="ml1.htm" width="180" height="360"
scrolling="yes" frameborder="0" allowTransparency="true"></iframe>
然后在要嵌入这个框架的页面把<body>改成<BODY style="BACKGROUND: transparent">

 


代码:

       首先我们应弄清滚动条代码的含义:

Scrollbar-Face-Color为滚动条表面颜色设定;
Scrollbar-Highlight-Color为滚动条上斜面和左斜面颜色设定;
Scrollbar-Shadow-Color为滚动条下斜面和右斜面颜色设定;
Scrollbar-3Dlight-Color为滚动条上边和左边的边沿颜色设定;
Scrollbar-Arrow-Color为滚动条两端箭头颜色设定。
Scrollbar-Track-Color为滚动条底板颜色设定;
Scrollbar-Darkshadow为滚动条下边和右边边沿颜色设定。

将下面的红色代码加入<head>与</head>之间,颜色可自行修改。

<style type="text/css">
body {
scrollbar-face-color: #330033;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #330033;
scrollbar-arrow-color: #FFFFFF;
}
</style>

 

网页彩色滚动条代码


将以下代码复制到页面代码<head>与</head>之间。。
注:#号后为颜色,在这里修改你想要的颜色。。

<STYLE>
BODY {
SCROLLBAR-FACE-COLOR: #fcfcfc;
SCROLLBAR-HIGHLIGHT-COLOR: #2490fc;
SCROLLBAR-SHADOW-COLOR: #48d8fc;
SCROLLBAR-3DLIGHT-COLOR: #0090fc;
SCROLLBAR-ARROW-COLOR: #0090fc;
SCROLLBAR-TRACK-COLOR: #b4d8fc;
SCROLLBAR-DARKSHADOW-COLOR: #006cfc;
SCROLLBAR-BASE-COLOR: #fcfcfc
}
</STYLE>


代码解释:
SCROLLBAR-FACE-COLOR:滚动条突出部分的颜色;
SCROLLBAR-HIGHLIGHT-COLOR: 滚动条空白部分的颜色;
SCROLLBAR-SHADOW-COLOR: 滚动条立体阴影的颜色;
SCROLLBAR-3DLIGHT-COLOR: 滚动条亮边的颜色;
SCROLLBAR-ARROW-COLOR: 上下按钮上箭头的颜色;
SCROLLBAR-TRACK-COLOR: 滚动条的背景颜色;
SCROLLBAR-DARKSHADOW-COLOR: 滚动条强阴影的颜色;
SCROLLBAR-BASE-COLOR: 滚动条的基本颜色。

 
 
  

  样式:看到右边的滚动条了吗?
 
 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

烟雨亭-透明FLASH|QQ空间FLASH|音乐|动漫|图片|教程|娱乐| | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:QQ:804994046 E-mail:jxhp16789@163.com 联系人:梦幻