<html>
<head>
<title>改变滚动条颜色</title>
<script language="JavaScript">
<!--
function changeScrollColor(color) {
txta.style.scrollbarFaceColor = color;
txta.style.backgroundColor = color;
document.body.style.scrollbarFaceColor = color;
document.body.style.backgroundColor = color;
}
//-->
</script>
<style type="text/css">
<!--
* {
scrollbar-face-color : tomato;
}
-->
</style>
</head>
<body>
<textarea id="txta" rows="5" cols="30">
</textarea>
<form>
<input type="button" value="红色" name="red" onclick="changeScrollColor('tomato');">
<input type="button" value="蓝色" name="blue" onclick="changeScrollColor('aqua');">
<input type="button" value="绿色" name="green" onclick="changeScrollColor('springgreen');">
</form>
</body>
</html>
<head>
<title>改变滚动条颜色</title>
<script language="JavaScript">
<!--
function changeScrollColor(color) {
txta.style.scrollbarFaceColor = color;
txta.style.backgroundColor = color;
document.body.style.scrollbarFaceColor = color;
document.body.style.backgroundColor = color;
}
//-->
</script>
<style type="text/css">
<!--
* {
scrollbar-face-color : tomato;
}
-->
</style>
</head>
<body>
<textarea id="txta" rows="5" cols="30">
</textarea>
<form>
<input type="button" value="红色" name="red" onclick="changeScrollColor('tomato');">
<input type="button" value="蓝色" name="blue" onclick="changeScrollColor('aqua');">
<input type="button" value="绿色" name="green" onclick="changeScrollColor('springgreen');">
</form>
</body>
</html>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货