4)jquery
$().ready(function(){$('.lastnon').mouseover(function(){$(this).children('dl').css('display','block');$(this).children('ins').addClass('onactive'); });$('.lastnon').mouseout(function(){$(this).children('dl').css('display','none');$(this).children('ins').removeClass('onactive'); }); })
$().ready(function(){$('.lastnon').mouseover(function(){$(this).children('dl').css('display','block');$(this).children('ins').addClass('onactive'); });$('.lastnon').mouseout(function(){$(this).children('dl').css('display','none');$(this).children('ins').removeClass('onactive'); }); })
3)js
var aDl = obj.getElementsByTagName('dl')[0] ;
var aIcion = obj.getElementsByTagName('ins')[0];
//showDL
aDl.style.display = ' block ';
aIcion.className = 'onactive';
//hideDL
aDl.style.display = ' none ';
aIcion.className = '';
var aDl = obj.getElementsByTagName('dl')[0] ;
var aIcion = obj.getElementsByTagName('ins')[0];
//showDL
aDl.style.display = ' block ';
aIcion.className = 'onactive';
//hideDL
aDl.style.display = ' none ';
aIcion.className = '';
js 原生方式:
1)css
li dl{display:none; }
(2)html
<li class="lastnon" onMouseOver=showDl(this) onMouseOut=hideDl(this) >
1)css
li dl{display:none; }
(2)html
<li class="lastnon" onMouseOver=showDl(this) onMouseOut=hideDl(this) >