Question

onmouseover和onmouseout这两个能不能统一写一个触发事件，而不是在页面上写出来

我的hot3和hot4层是动态循环出来的，id也是动态读出来的，现在想优化一下页面，不让鼠标的这两个事件这样重复出现，我想过把这两个事件写在一个方法里，但是我不知道怎么把参数传上去。代码如下：([rmdz.dz_hot_id/])是从数据库读出的id
<div class="hot3" ><div class="hot4" onmouseover="dzin([rmdz.dz_hot_id/])" onmouseout="dzout([rmdz.dz_hot_id/])" id="dd[rmdz.dz_hot_id/]" ><a href=" " target="_blank">[rmdz.dz_hot_name//]</a></div></div>

js代码：
function dzin(v) {
document.getElementById("dd" + v).className = "hot5";}function dzout(v) {
document.getElementById("dd" + v).className = "hot4";}

请个位大侠帮帮忙！谢啦！

Answer 1

是不是要两种样式进行替换啊，那就用CSS就可以了，没这么麻烦的：
.hot4:hover{}——把hot5的样式放到大括号中，
.hot4{}——把hot4的样式放到大括号中.
这样就可以了。
这种在两种样式进行替换的时候比较简单的。
如果不仅仅是改变样式的，用JQuery的Hover(over,out)实现感应鼠标事件的交替比较好

Answer 2

$(".hot3").bind("mouseover",function(){dosomtting....})mouseup也是一样的，hot4也一样，out的也一样