六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 137|回复: 0

jQuery-hover(over,out)用法 学习笔记八

[复制链接]

升级  31.33%

25

主题

25

主题

25

主题

秀才

Rank: 2

积分
97
 楼主| 发表于 2013-2-8 00:05:52 | 显示全部楼层 |阅读模式
hover(over,out)用法:当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测.
程序demo:
<div class="highlighter">

  • css:<li class="alt" />
  • </script>
  • <style type="text/css">
  • .blue{font-size:30px;
  • color:#0099FF;
  • }
  • </style>
  • ============================================
  • <table border="1">
  •   <tr>
  •    <td id="test">看看这里的字体大小和颜色变化</td>   
  •   </tr>
  •   <tr>
  •    <td>这里是对比字体</td>
  •   </tr>
  •  </table>
  • ============================================
  • js:<li class="alt" />
  • $(document).ready(function(){
  •   $("#test").hover(
  •   function(){$(this).addClass("blue")},
  •   function(){$(this).removeClass("blue")}
  •   );
  •  });<li />
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表