IDC资讯中心
JQuery hover(over,out)功能和使用方法
JavaScript 下.onmouseover() 和 onmouseout()事件给我们的WEB页面交互带来了无数超炫的效果.而在JQuery里.取而代之的是 hover(over,out)事件.
用法:
$(“#id”).hover(
function(){
//当鼠标放上去的时候,程序处理
},
function(){
//当鼠标离开的时候,程序处理
});
举例：
<ul>
<li>baidu.com</li>
<li>aspbc.com</li>
<li>sina.com.cn</li>
<li>google.com</li>
</ul>
<script src=”http://www.aspbc.com/js/jquery.js”></script>
<script>
$(function(){
$( “li” ).hover(
function() {
$( this ).append( $( “<span> ***</span>” ) );
}, function() {
$( this ).find( “span:last” ).remove();
}
);
});
</script>
