关于框架iframe的scroll滚动条样式设置问题简析

如果使用iframe框架类似如下格式:


那么在Test1.html的文件中加入如下样式:

BODY {
SCROLLBAR-FACE-COLOR: rgb(10,236,209); //滚动条凸出部分的颜色
SCROLLBAR-HIGHLIGHT-COLOR: rgb(23,255,155);//滚动条空白部分的颜色
SCROLLBAR-SHADOW-COLOR: rgb(255,116,23);//立体滚动条阴影的颜色
SCROLLBAR-3DLIGHT-COLOR: rgb(66,93,127);//滚动条亮边的颜色
SCROLLBAR-ARROW-COLOR: rgb(93,232,255);//上下按钮上三角箭头的颜色
SCROLLBAR-TRACK-COLOR: rgb(255,70,130);//滚动条的背景颜色
SCROLLBAR-DARKSHADOW-COLOR: rgb(10,0,209);//滚动条强阴影的颜
SCROLLBAR-BASE-COLOR: rgb(66,93,128)/滚动条的基本颜色
}

或者使用:

BODY {
SCROLLBAR-FACE-COLOR: #e8e7e7;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-3DLIGHT-COLOR: #cccccc;
SCROLLBAR-ARROW-COLOR: #03B7EC;
SCROLLBAR-TRACK-COLOR: #EFEFEF;
SCROLLBAR-DARKSHADOW-COLOR: #b2b2b2;
SCROLLBAR-BASE-COLOR: #000000;
}

可是却没有效果或者效果出错?

其原因是因为这个不支持w3c,所以得把Test1.html头部上的

去掉即可

设置颜色的说明:
一、滚动条的轨迹,记作:scrollbar-track。所谓“轨迹”,指滚动条的滑动块运行时所必经的路线。
二、滚动条的滑动块,即在它上面按下鼠标左键不放可上下或左右移动的滑动块以及滚动条两头的小方块,记作:scrollbar-face。face即滚动条的“脸”,注意它有三张“脸”:滑动条和两头的小方块。
三、滚动条亮边框部分,记作:scrollbar-highlight。这个亮边框,和表格的亮边框概念是一样的,即左边和上边部分,滚动条的亮边框部分是指滚动条的“脸”(即滑动块和两头小方块)的亮边框。
四、滚动条亮边框部分的外围还有一个立体修饰部分,记作scrollbar-3dlight。3d即立体的意思,它将包围在滚动条亮边框部分的外边。
五、滚动条阴影部分,指主滑块和两头方块的阴影,位于左边和左下,记作:scrollbar-shadow。
六、滚动条阴影部分还有一个强阴影部分,记作scrollbar-darkshadow,它包围在阴影部分的外边。
七、滚动条两头方志标志箭头,记作:scrollbar-arrow,箭头方向为向下、向上、向左、向右。

以下为一个制作实例代码:

Test.html页面的iframe代码:

Test1.html页面的代码:

<html>
<head>
<STYLE type=text/css>
body {
 SCROLLBAR-FACE-COLOR: #e8e7e7; 
 SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
 SCROLLBAR-SHADOW-COLOR: #ffffff; 
 SCROLLBAR-3DLIGHT-COLOR: #cccccc; 
 SCROLLBAR-ARROW-COLOR: #03B7EC; 
 SCROLLBAR-TRACK-COLOR: #EFEFEF; 
 SCROLLBAR-DARKSHADOW-COLOR: #b2b2b2; 
 SCROLLBAR-BASE-COLOR: #000000;
}
</STYLE>
</head>
<body>
<TABLE  cellSpacing=1 cellPadding=2 width="700px" align ="center" border=0>
<Tbody>
<TR bgColor=#ffffff>
<TD>
<h3 align ="center" >韩寒说刘翔</h3>
        <p>今天我早起看奥运会的田径比赛,很遗憾的是刘翔因伤退出了比赛。可以想象的是,无论主流媒体把这事粉饰的多么和谐,把国人描绘得多么善解人意,但其实会出现很多的说辞和责骂侮辱,对于刘翔也将面临一个很大的困难,这下不是几个栏在你眼前,是好几亿个栏。对于很多人来说,刘翔应该坚持跑完第二枪,这样才不算临阵脱逃,当然,这是我们多年讲究和赞美“带病坚持上课”是有关的。很多人的意思是,这么多人在看,就算骨折了也要爬到终点,并自作聪明把这种其实是取悦观众表演认为是体育精神。甚至有某些一直接受假大空教育的体育评论员还认为刘翔应该走完110米。那是因为你是看客,你觉得这样效果好,但不不能体会一个运动员的心情。还有人会觉得刘翔如果有伤,那么应该提早退赛告之大家。当然,这么想的都是刚买高价票的。</p>
<p>其实我个人,我也希望我的读者给予一个运动员真正的理解。就是受伤退出了某场比赛,没有能够获得金牌,那对于一个运动员来说是再正常不过的事情。但是这场比赛对我们来说意义重大,大家都知道,我们说,奥运是不政治的,但其实我们的奥运是最政治的,我们说,体育是全民的,但我们的体育是最不全民的。体育,尤其是奥运金牌对我们来说是政治任务,对于很多运动员来说也是一生命运所系,所以我们的举重如此出色。所以,在中国人民的好朋友艾蒙斯打了一个4点4环的时候,我虽然为他觉得非常的遗憾,但我还是高兴中国人拿到冠军的。这种高兴不是什么民族自豪,是为这个中国运动员的个人而感到高兴。除了个别一些国家,人家很多发达国家的老外拿不到就拿不到了,回去后生活没有什么大的影响,但在我们国家就不一样,这就可以完全改变一个运动员甚至一个团体或者一个体育项目的命运。因为体育是我们展示强国形象的一个手段。大家都希望自己国家的运动员能够拿金牌,但我们很多时候只能感受到体育的政治任务感,体育的民族自豪感,体育的象征意义,但是还很少在感受到体育的乐趣。</p>
<p>因为如此,我才特别希望我们的运动员能拿金牌,因为他们都太不容易了。最好全世界所有的金牌都归我们拿,因为金牌对于运动员的意义比其他国家要重大很多。当然,射箭的金牌还是要给韩国几枚的,要不然他们会认为这些中国运动员都是韩国人。</p>
<p>刘翔依然是我最欣赏的运动员之一,在电视里看到刘翔伤退,我根本没想这对于国家荣誉怎么怎么样了,但是很为他本人感到遗憾。我希望他早日康复。对于一个运动员,尤其竞技体育的运动员,一点小伤就完全可以改变一场比赛。我的右腿膝盖和脚也一直有伤,在赛车的时候完全没有影响,依然可以做出最快的时间,但是昨天我去踢了一场球,脚就真的不行了,所以我特别能理解那些有伤痛的运动员。</p>
<p>至于一些对于刘翔广告做太多的指责也是没有意义的,这些广告体育总局抽水不少,而且也花不了什么时间。在任何国家,这样的一位杰出运动员做的广告都不会比这个少。当然,我们肯定希望看到一个运动员可以不做任何广告,一直训练,我们管这个叫“专心训练”,日子也很清贫,但是不断拿冠军,我们管这种冠军叫“为国家争得荣誉”,等到退役以后也没什么钱,大家也把他们都忘了,几年后突然冒出一个新闻,说某某奥运冠军去给人搓澡了,大家也就唏嘘感叹几声世道。</p>
<p>其实,世道是由唏嘘感叹的人构建起来的。我希望刘翔可以再次拿到世界大赛的冠军,而弥补这一次失利的最好办法也是再次打破世界记录。当然,打不破也不妨碍他是中国最伟大的田径运动员。他赢得了所以这个项目的荣誉,当然,说得难听点,是叫为国家赢得了这个项目所有的荣誉,很可惜的是他不知道能不能赢得国民的理解。</p>
    </TD></TR></TBODY></TABLE>
</body>
</html>
点赞 (0)

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

Captcha Code