Jquery 如何设置超链接样式


 $("#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 如何处理

解决方案 »

  1.   

    你可以用mouseover(hover) mouseout click事件分别用作hover，active, visited
      

  2.   

    $("#A标签ID").parent().addClass("样式名称");
      

  3.   

    补充一下我想动态修改超链接的css样式。
      

  4.   

    页面上有几个输入区域：
    visited  颜色Txtbox、字体Txtbox
    hover 颜色Txtbox、字体Txtbox
    active 颜色Txtbox、字体Txtbox
      

  5.   

    visited 颜色Txtbox、字体Txtbox
    hover 颜色Txtbox、字体Txtbox
    active 颜色Txtbox、字体Txtbox
    这三种状态的css样式值是从这个六个文本框中取得的
      

  6.   

    希望对你有帮助！<html>
    <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>
      

  7.   

    定义的css的值从文本框中取就OK了，很简单的问题