当前位置:asp编程网>技术教程>Javascript教程>  正文

JQuery hover(over,out)功能和使用方法

2015-08-31 11:34:56   来源:www.aspbc.com    作者:loveasp   浏览量:867   收藏

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>



关于我们-广告合作-联系我们-积分规则-网站地图

Copyright(C)2013-2017版权所属asp编程网