jQuery - Events - hover

原创 2007年10月14日 23:59:00

jQuery - Events - hover

[示例]

<html>
  <head>
    <script type="text/javascript" src="jquery-1.2.js"></script>
  </head>
  <body>
    <a id="link" href="http://blog.csdn.net/hu_zhenghui">
        hu zhenghui
    </a>
    <script>
        $("#link").hover (
            function (event) {
                $(event.target).css("font-size", "20px");
            },
            function (event) {
                $(event.target).css("font-size", "");
            }
        );
       </script>
  </body>
</html>

[Events/hover用途]

设置元素响应mouseover和mouseleave

[Events/hover文档]

http://docs.jquery.com/Events/hover

[jQuery官方网站]

http://jquery.com/

[jQuery当前版本]

http://docs.jquery.com/Release:jQuery_1.2

[jQuery其他下载地址]

下载列表, http://docs.jquery.com/Downloading_jQuery
最新代码, http://code.jquery.com/nightlies/jquery-nightly.js

[jQuery相关论坛]

http://groups.google.com/group/jquery-en

[jQuery关键词]

jQuery

[jQuery的Ajax]

 jQuery的Ajax文档, http://docs.jquery.com/Ajax/jQuery.ajax
jQuery的Ajax选项,http://docs.jquery.com/Ajax/jQuery.ajax#options
dataType选项,设置返回值类型
timeout选项,用于设置超时

[jQuery特效]

jQuery淡入特效,http://docs.jquery.com/Effects/fadeIn

[jQuery选择器]

表单元素选择器, http://docs.jquery.com/DOM/Traversing/Selectors#Form_Selectors
属性相等选择器,http://docs.jquery.com/Selectors/attributeEquals
选择器在选择body中出现的title标记时,会出现和预期不同的效果。

[jQuery常用函数]

attr访问自定义属性,减少javascript脚本中代码和数据的耦合
click, 绑定元素的onclick事件,http://docs.jquery.com/Events/click
filter, 用于在集合中过滤元素

[jQuery - Events]

hover, http://docs.jquery.com/Events/hover

[jQuery插件]

Easing,http://jquery.com/plugins/project/easing
jCarouseLite, 走马灯效果, http://jquery.com/plugins/project/jCarouselLite
tableFilter, 表过滤器, http://jquery.com/plugins/project/tableFilter

[jQuery重要工具]

http://www.json.org/, http://www.json.org/json.js
版权声明:本文为博主(@胡争辉)原创文章,未经博主允许不得转载。

jquery中取消和绑定hover事件的正确方式

在网页设计中,我们经常使用jquery去响应鼠标的hover事件,和mouseover和mouseout事件有相同的效果,但是这其中其中如何使用bind去绑定hover方法呢?如何用unbind取消绑...
  • shehun11
  • shehun11
  • 2014年10月16日 15:35
  • 4151

关于jQuery中hover事件的一个小bug

在jQuery中有一个hover()方法,它可以实现模拟css中:hover这个伪类的效果。 css伪类写法如下: a:hover, a.hover { color: #ccc; } j...
  • qq_36008786
  • qq_36008786
  • 2017年06月08日 10:38
  • 334

Jquery hover方法的效果延时处理

top()在语法上有两个参数,分别都是Boolean布尔值。且都是可选的,但是也有规定,如下: $(selector).stop(stopAll,goToEnd) 参数:(默认情况下,不写参数,则会被...
  • sunny_desmond
  • sunny_desmond
  • 2016年03月29日 17:48
  • 1594

用Jquery写的hover时的Tip提示

jquery写的hover时提示
  • th_nightmare
  • th_nightmare
  • 2015年06月25日 19:41
  • 1073

jquery hover事件只触发一次动画

最近工作时遇到个关于动画的问题,如下: $("div").hover( function() { $(this).animate({"margin-top":"100px"}...
  • gmd_web
  • gmd_web
  • 2015年12月06日 18:23
  • 3822

JQuery在hover(in)状态下添加click事件的多次触发现象

[html] view plain copy >   html xmlns="http://www.w3.org/1999/xhtml">   head>   me...
  • u013267266
  • u013267266
  • 2016年07月19日 14:33
  • 860

jquery鼠标hover事件文字内容滑动遮罩效果

效果图=>第一步,首先引入jquery.min.js文件第二步,写html代码 ...
  • Seety_ST
  • Seety_ST
  • 2015年10月10日 17:35
  • 1400

jQuery动画的hover连续触发动画bug处理

解决闪动 可以使用Stop()的jquery api方法: stop([clearQueue],[jumpToEnd])   概述: 停止所有在指定元素上正在运行的动画。 如果队列中有等待执...
  • sr3373739392
  • sr3373739392
  • 2017年05月03日 10:55
  • 162

jquery hover鼠标划过实现列表页文章内容部分显示隐藏及全部显示切换

测试代码 Medicine University of Oxford 3上海蓝蜗网络科技有限公司,专业网站建设,html5建站上海蓝蜗网络科技有限公司,专业网站建设,html5建站上海蓝蜗网络科技...
  • viqecel
  • viqecel
  • 2015年11月20日 10:01
  • 1117

jQuery动画的hover连续触发动画bug处理

方法一经过测试非常好用!!!! 在前端开发中用的较多的是jquery,之前遇到一个问题,一个下拉的jquery下拉菜单效果,hover上去,一直闪动,用mouseovermouseout好好的,当时...
  • lzqial1987
  • lzqial1987
  • 2015年07月07日 12:14
  • 6274
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery - Events - hover
举报原因:
原因补充:

(最多只允许输入30个字)