$("#btnTest").bind("click", function () {
$("#DivPreView .DynModule_content a").css({ "color": $("#txtAbc").val(), "font-size": $("#txtSize").val() });
$("#DivPreView .DynModule_content a:visited").css({ "color": $("#Text1").val(), "font-size": $("#txtSize").val() });
$("#DivPreView .DynModule_content a:hover").css({ "color": $("#Text2").val(), "font-size": $("#txtSize").val() });
$("#DivPreView .DynModule_content a:active").css({ "color": $("#Text3").val(), "font-size": $("#txtSize").val() });
});仅有 $("#DivPreView .DynModule_content a").css({ "color": $("#txtAbc").val(), "font-size": $("#txtSize").val() });行生设置效了
visited
hover
active 如何处理
解决方案 »
- javascript 中有没有类似STL的库?
- 如何使用js得到网页路径?我跪地求高手帮助。
- js里的日期计算
- 在JS中怎么调用CLASS类中的方法,这个方法中传入的参数是从下拉列表中得到的,返回值输出到文本框
- JavaScript正则表达式的替换问题
- [求助]关于网页打印,如何用程序设定打印页边距的高级问题
- 如何在源代码中显示script中的值
- 每间隔一定的时间自动刷新指定的DIV?
- <input type="text">里的值发生变化有 on什么 之类的事件可以监听吗?
- 如何遍历一个form里的radio组或checkbox组??
- 谁能解释下,为啥判断字符串是否由数字组成的是这个正则,不明白啊
- js问题
visited 颜色Txtbox、字体Txtbox
hover 颜色Txtbox、字体Txtbox
active 颜色Txtbox、字体Txtbox
hover 颜色Txtbox、字体Txtbox
active 颜色Txtbox、字体Txtbox
这三种状态的css样式值是从这个六个文本框中取得的
<head>
<script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
<script type="text/javascript">
$(function(){
$("#btnTest").bind("click", function () {
//$("#DivPreView.DynModule_content a").css({ "color": $("#txtAbc").val(), "font-size": $("#txtSize").val() });
var oStyleSheet=document.styleSheets[0]; var oRule0=oStyleSheet.rules[0];
oRule0.style.color=$("#txtAbc").val();
oRule0.style.fontSize=$("#txtSize").val()+"px"; var oRule1=oStyleSheet.rules[1];
oRule1.style.color=$("#Text1").val(); var oRule2=oStyleSheet.rules[2];
oRule2.style.color=$("#Text2").val(); var oRule3=oStyleSheet.rules[3];
oRule3.style.color=$("#Text3").val(); $("#xx").html(oRule0.style.fontSize);
$("body").load(); });
})
</script>
<style id="t" type="text/css" name="t">
#DivPreView.DynModule_content a{color:;font-size:;}
#DivPreView.DynModule_content a:visited{color:;font-size:;}
#DivPreView.DynModule_content a:hover{color:;font-size:;}
#DivPreView.DynModule_content a:active{color:;font-size:;}
</style>
<style type="text/css"/>
.DynModule_content{}
</style>
</head>
<body>
<div id="DivPreView" class="DynModule_content">
<a href="#">AAAAAAAAAAAA</a>
<a href="#">AAAAAAAAAAAA</a>
<a href="#">AAAAAAAAAAAA</a>
<a href="#">AAAAAAAAAAAA</a>
<a href="#">AAAAAAAAAAAA</a>
</div>
txtAbc:<input type="text" id="txtAbc"/><br>
txtSize:<input type="text" id="txtSize"/><br>
Text1:<input type="text" id="Text1"/><br>
Text2:<input type="text" id="Text2"/><br>
Text3:<input type="text" id="Text3"/><br><input type="button" id="btnTest" value="CLICKME"/><br>
<div id="xx"></div>
</body>
</html>