javascript 在脚本中改变链接颜色问题 只有bgColor才能动态地改变,其他的颜色这样设置没效果(记的是这样,别喷我) 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 用CSSA { bgColor:"red"; fgColor:"red"; linkColor:"black"; alinkColor:"pink"; vlinkColor:"yellow"; } function changeDoc() { document.body.style.backgroundColor='White'; document.body.style.color='Red' document.linkColor='black'; document.alinkColor='#FFDFDF'; document.vlinkColor='yellow'; } <HTML><br><HEAD> <TITLE></TITLE><META content="text/html; charset=gb2312" http-equiv=Content-Type><style type="text/css"><!--td { font-size: 9pt; color: #64FF00; text-decoration: none;}--></style></HEAD> <br><td>当前时间为<br><script language=JavaScript>var timerID = null;var timerRunning = false;function stopclock (){if(timerRunning)clearTimeout(timerID);timerRunning = false;}function startclock () {stopclock();showtime();}function showtime () {var now = new Date();var hours = now.getHours();var minutes = now.getMinutes();var seconds = now.getSeconds()var timeValue = "" +((hours >= 12) ? "下午 " : "上午 " )timeValue += ((hours >12) ? hours -12 :hours)timeValue += ((minutes < 10) ? ":0" : ":") + minutestimeValue += ((seconds < 10) ? ":0" : ":") + secondsdocument.clock.thetime.value = timeValue;timerID = setTimeout("showtime()",1000);timerRunning = true;}</SCRIPT><body onload=startclock()><form name=clock ><input name=thetime style="font-size: 9pt;color:0000FF;border:0" size=12></form></body><script language="JavaScript"><!--done = 0;step = 4function anim(yp,yk){if(document.layers) document.layers["napis"].top=yp;else document.all["napis"].style.top=yp;if(yp>yk) step = -4if(yp<60) step = 4setTimeout('anim('+(yp+step)+','+yk+')', 35);}function start(){if(done) returndone = 1;if(navigator.appName=="Netscape") {document.napis.left=innerWidth/2 - 145;anim(60,innerHeight - 60)}else {napis.style.left=11;anim(60,document.body.offsetHeight - 60)}}//--></script><div id="napis"style="position: absolute;top: -50;color: #64FF00;font-family:宋体;font-size:9pt;"></div><script language="JavaScript"><!--setTimeout('start()',10);//--></script><script language="JavaScript"><!-- Beginfunction initArray() {for (var i = 0; i < initArray.arguments.length; i++) {this[i] = initArray.arguments[i];}this.length = initArray.arguments.length;}var colors = new initArray("#64FF00","#0000FF","#80FFFF","#80FF80","#FFFF00","#FF8000","#FF00FF","#FF0000");delay = 100link = 0;vlink = 0;function linkDance() {link = (link+1)%colors.length;vlink = (vlink+1)%colors.length;document.linkColor = colors[link];document.vlinkColor = colors[vlink];setTimeout("linkDance()",delay);}linkDance();// End --></script><script>function colors(c1){this.c1 = c1;}a00 = new colors("FFFBD0");a01 = new colors("FF0000");a02 = new colors("FF8080");a03 = new colors("FF8000");a04 = new colors("FFFF00");a05 = new colors("000080");a06 = new colors("0000FF");a07 = new colors("008000");a08 = new colors("00FF00");a09 = new colors("804000");a10 = new colors("808000");a11 = new colors("000000");a12 = new colors("FFFFFF");a13 = new colors("C0C0C0");a14 = new colors("408080");a15 = new colors("808080");a16 = new colors("D2BF51");a17 = new colors("44BBE8");a18 = new colors("C97AB9");a19 = new colors("A2C97A");a20 = new colors("804000");a21 = new colors("6AE6C4");a22 = new colors("33A3D1");a23 = new colors("6C9AEE");function changebg(type){scheme = type;document.bgColor = scheme.c1;timerID=setTimeout('document.bgColor = scheme.c2', document.selector.value * 10);}</script><form NAME="selector"><p><input TYPE="button" onClick="changebg(a00)" style="background-color: rgb(255,251,208)"><inputTYPE="button" onClick="changebg(a01)" style="background-color: rgb(255,0,0)"><inputTYPE="button" onClick="changebg(a02)" style="background-color: rgb(255,128,128)"><inputTYPE="button" onClick="changebg(a03)" style="background-color: rgb(255,128,0)"><inputTYPE="button" onClick="changebg(a04)" style="background-color: rgb(255,255,0)"><inputTYPE="button" onClick="changebg(a05)" style="background-color: rgb(0,0,128)"><inputTYPE="button" onClick="changebg(a06)" style="background-color: rgb(0,0,255)"><inputTYPE="button" onClick="changebg(a07)" style="background-color: rgb(0,128,0)"><inputTYPE="button" onClick="changebg(a08)" style="background-color: rgb(0,255,0)"><inputTYPE="button" onClick="changebg(a09)" style="background-color: rgb(128,0,0)"><inputTYPE="button" onClick="changebg(a10)" style="background-color: rgb(128,128,0)"><inputTYPE="button" onClick="changebg(a11)" style="background-color: rgb(0,0,0)"><inputTYPE="button" onClick="changebg(a12)" style="background-color: rgb(255,255,255)"><inputTYPE="button" onClick="changebg(a13)" style="background-color: rgb(192,192,192)"><inputTYPE="button" onClick="changebg(a14)" style="background-color: rgb(64,128,128)"><inputTYPE="button" onClick="changebg(a15)" style="background-color: rgb(128,128,128)"><inputTYPE="button" onClick="changebg(a16)" style="background-color: rgb(210,191,81)"><inputTYPE="button" onClick="changebg(a17)" style="background-color: rgb(68,187,232)"><inputTYPE="button" onClick="changebg(a18)" style="background-color: rgb(201,122,185)"><inputTYPE="button" onClick="changebg(a19)" style="background-color: rgb(162,201,122)"><inputTYPE="button" onClick="changebg(a20)" style="background-color: rgb(106,230,196)"><inputTYPE="button" onClick="changebg(a21)" style="background-color: rgb(194,219,185)"><inputTYPE="button" onClick="changebg(a22)" style="background-color: rgb(51,163,209)"><inputTYPE="button" onClick="changebg(a23)" style="background-color: rgb(108,154,238)"> </p></form><body > </BODY></HTML> Css固然好,那怎么实现点击一个按钮让之改变呢,怎么去调用样式, function changeDoc(){ document.body.style.backgroundColor='green'; document.body.style.color='Red'; document.linkColor='black'; document.alinkColor='#FFDFDF'; document.vlinkColor='yellow';} 依稀记的在JS权威指南中看过只有bgColor能动态改变~ Extjs tree id定义 高手帮帮我啊,js取得多个文本框的值 急,Javascript联动 如何取消自带的下拉列表定位. 关于在vista浏览器7下的xmlhttp jquery如何比较两个数组,并返回不重复的值 请教JS高手,怎么让Iframe中的页面自动滚屏? 字符串的问题! 右键点击IE链接的“目标另存为”如何用程序实现?急。。。 javascript 的cursor问题? js中怎么得到chechbox[]的dom序列 添加一个结点后如何增加它的事件处理函数?
A
{
bgColor:"red";
fgColor:"red";
linkColor:"black";
alinkColor:"pink";
vlinkColor:"yellow";
}
{
document.body.style.backgroundColor='White';
document.body.style.color='Red'
document.linkColor='black';
document.alinkColor='#FFDFDF';
document.vlinkColor='yellow';
}
<HTML><br>
<HEAD>
<TITLE></TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<style type="text/css">
<!--
td {
font-size: 9pt;
color: #64FF00;
text-decoration: none;
}
-->
</style>
</HEAD> <br>
<td>当前时间为<br>
<script language=JavaScript>
var timerID = null;
var timerRunning = false;
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;}
function startclock () {
stopclock();
showtime();}
function showtime () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = "" +((hours >= 12) ? "下午 " : "上午 " )
timeValue += ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
document.clock.thetime.value = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;}
</SCRIPT>
<body onload=startclock()>
<form name=clock >
<input name=thetime style="font-size: 9pt;color:0000FF;border:0" size=12>
</form>
</body>
<script language="JavaScript">
<!--
done = 0;
step = 4
function anim(yp,yk)
{
if(document.layers) document.layers["napis"].top=yp;
else document.all["napis"].style.top=yp;
if(yp>yk) step = -4
if(yp<60) step = 4
setTimeout('anim('+(yp+step)+','+yk+')', 35);
}
function start()
{
if(done) return
done = 1;
if(navigator.appName=="Netscape") {
document.napis.left=innerWidth/2 - 145;
anim(60,innerHeight - 60)
}
else {
napis.style.left=11;
anim(60,document.body.offsetHeight - 60)
}
}
//-->
</script>
<div id="napis"
style="position: absolute;top: -50;
color: #64FF00;font-family:宋体;font-size:9pt;">
</div><script language="JavaScript">
<!--
setTimeout('start()',10);
//-->
</script>
<script language="JavaScript">
<!-- Begin
function initArray() {
for (var i = 0; i < initArray.arguments.length; i++) {
this[i] = initArray.arguments[i];
}
this.length = initArray.arguments.length;
}
var colors = new initArray(
"#64FF00","#0000FF","#80FFFF","#80FF80","#FFFF00","#FF8000","#FF00FF","#FF0000"
);
delay = 100
link = 0;
vlink = 0;
function linkDance() {
link = (link+1)%colors.length;
vlink = (vlink+1)%colors.length;
document.linkColor = colors[link];
document.vlinkColor = colors[vlink];
setTimeout("linkDance()",delay);
}
linkDance();
// End -->
</script>
<script>
function colors(c1){
this.c1 = c1;
}
a00 = new colors("FFFBD0");
a01 = new colors("FF0000");
a02 = new colors("FF8080");
a03 = new colors("FF8000");
a04 = new colors("FFFF00");
a05 = new colors("000080");
a06 = new colors("0000FF");
a07 = new colors("008000");
a08 = new colors("00FF00");
a09 = new colors("804000");
a10 = new colors("808000");
a11 = new colors("000000");
a12 = new colors("FFFFFF");
a13 = new colors("C0C0C0");
a14 = new colors("408080");
a15 = new colors("808080");
a16 = new colors("D2BF51");
a17 = new colors("44BBE8");
a18 = new colors("C97AB9");
a19 = new colors("A2C97A");
a20 = new colors("804000");
a21 = new colors("6AE6C4");
a22 = new colors("33A3D1");
a23 = new colors("6C9AEE");
function changebg(type){
scheme = type;
document.bgColor = scheme.c1;
timerID=setTimeout('document.bgColor = scheme.c2', document.selector.value * 10);
}
</script>
<form NAME="selector">
<p><input TYPE="button" onClick="changebg(a00)" style="background-color: rgb(255,251,208)"><input
TYPE="button" onClick="changebg(a01)" style="background-color: rgb(255,0,0)"><input
TYPE="button" onClick="changebg(a02)" style="background-color: rgb(255,128,128)"><input
TYPE="button" onClick="changebg(a03)" style="background-color: rgb(255,128,0)"><input
TYPE="button" onClick="changebg(a04)" style="background-color: rgb(255,255,0)"><input
TYPE="button" onClick="changebg(a05)" style="background-color: rgb(0,0,128)"><input
TYPE="button" onClick="changebg(a06)" style="background-color: rgb(0,0,255)"><input
TYPE="button" onClick="changebg(a07)" style="background-color: rgb(0,128,0)"><input
TYPE="button" onClick="changebg(a08)" style="background-color: rgb(0,255,0)"><input
TYPE="button" onClick="changebg(a09)" style="background-color: rgb(128,0,0)"><input
TYPE="button" onClick="changebg(a10)" style="background-color: rgb(128,128,0)"><input
TYPE="button" onClick="changebg(a11)" style="background-color: rgb(0,0,0)"><input
TYPE="button" onClick="changebg(a12)" style="background-color: rgb(255,255,255)"><input
TYPE="button" onClick="changebg(a13)" style="background-color: rgb(192,192,192)"><input
TYPE="button" onClick="changebg(a14)" style="background-color: rgb(64,128,128)"><input
TYPE="button" onClick="changebg(a15)" style="background-color: rgb(128,128,128)"><input
TYPE="button" onClick="changebg(a16)" style="background-color: rgb(210,191,81)"><input
TYPE="button" onClick="changebg(a17)" style="background-color: rgb(68,187,232)"><input
TYPE="button" onClick="changebg(a18)" style="background-color: rgb(201,122,185)"><input
TYPE="button" onClick="changebg(a19)" style="background-color: rgb(162,201,122)"><input
TYPE="button" onClick="changebg(a20)" style="background-color: rgb(106,230,196)"><input
TYPE="button" onClick="changebg(a21)" style="background-color: rgb(194,219,185)"><input
TYPE="button" onClick="changebg(a22)" style="background-color: rgb(51,163,209)"><input
TYPE="button" onClick="changebg(a23)" style="background-color: rgb(108,154,238)"> </p>
</form>
<body > </BODY></HTML>
{
document.body.style.backgroundColor='green';
document.body.style.color='Red';
document.linkColor='black';
document.alinkColor='#FFDFDF';
document.vlinkColor='yellow';
}