其实js很不好用的,一般都使用jquery来写,改变样式的话我会使用两种方法
使用jquery中的.css()函数改变样式,这中方法很好用,可以在触发事件的时候任意操作某个元素的样式。
自定义一个class名字,比如.yangshi{} ,在触发的事件里使用 .addclass()和.removeClass() 两个函数添加或者删除某一个class类。达到切换样式的目的,这种方法比较清晰有条理。下面给出我写的一段jquery 代码。 这个的意思是,.box元素的鼠标进入会添加一个class类yangshi,离开的时候会删除这个class类
<script>
$(function(){
$(".box").mouseover(function(){
$(this).addClass("yangshi")
})
$(".box").mouseout(function(){
$(this).removeClass("yangshi")
})
})
</script>
我认为可以采用“重写”的方式来实现。内层元素的样式无非只有两种,一种为id或class,一种为style方式;使用js+document.write的方式重写。如:
<div id="top"><div id="inner"></div></div>
查找top内的元素,发现有id,使用js将它改为以下内容:
<div id="top"><div></div></div>,然后使用document.write输出。这样就行了!