读书人

JS批改CSS样式

发布时间: 2012-09-22 21:54:54 作者: rapoo

JS修改CSS样式
页面打开“产品资料”显示为绿色,“产品软件”显示为白色,点击“产品软件”显示为绿色,产品资料”显示为白色。现在的问题是由于使用<a>样式不好控制,如果设置a:link颜色为绿色,点击“产品软件”时,两个都显示为绿色,如何清除原有样式或改变a:link的样式?

HTML code
                <script language="JavaScript1.2">                function showhidediv(id){    if (id == 'btn1_div')     {        btn1_div.style.display='';        btn2_div.style.display='none';        document.getElementById("btn1").className="down_btn1 font18bg";        document.getElementById("btn2").className="down_btn font18b";    }     else     {        btn1_div.style.display='none';        btn2_div.style.display='';            document.getElementById("btn1").className="down_btn font18b";        document.getElementById("btn2").className="down_btn1 font18bg";        }      }</script><div id="btn1" class="down_btn1 font18bg"><a href="#" onclick="showhidediv('btn1_div')">产品资料</a></div>                    <div class="down_space8"></div>                    <div id="btn2" class="down_btn font18b"><a href="#" onclick="showhidediv('btn2_div')">产品软件</a></div>                    <div class="down_space"></div>


[解决办法]
楼主的意思应该是设置的样式被a.link的原有样式覆盖掉了吧
把链接改白色的时候同时把链接的href属性移除掉试试
[解决办法]
因为你定义了a.link的样式,所以你对带有href属性的a标签设置的样式都会被a.link覆盖。。应该是这个问题。。按你得要求,,你可以试试把a.link的样式设定成默认的白色以后,,把想设置成绿色的标签的href属性去掉,,比如
JScript code
if (id == 'btn1_div')     {        btn1_div.style.display='';        btn2_div.style.display='none';        document.getElementById("btn1").className="down_btn1 font18bg";        document.getElementById("btn1").removeAttribute("href");        document.getElementById("btn2").className="down_btn font18b";        document.getElementById("btn2").setAttribute("href","#")    } 

读书人网 >JavaScript

热点推荐