第一种方式使用mouseover、mouseout事件 // 鼠标滑过显示全名var origin_name;$('.task_name').mouseover(function() { origin_name = $(this).text(); $(this).text($(this).nextA ...
分类:
Web程序 时间:
2017-08-24 16:16:09
阅读次数:
146
一、事件基础 PC:click、mouseover、mouseout、mouseenter、mouseleave、mousemove、mousedown、mouseup、mousewheel、keydown、keyup、load、scroll、blur、focus、change... 移动端:cli ...
分类:
移动开发 时间:
2017-08-14 20:09:42
阅读次数:
250
区别: mouseover与mouseenter 不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。 只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。 mouseout与mouseleave 不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout ...
分类:
其他好文 时间:
2017-08-14 13:27:10
阅读次数:
136
<script type="text/javascript"> $(".news_con_col").mouseover(function(){ $(this).find(".bg-hover").show(); }); $(".news_con_col").mouseout(function(){ ...
分类:
其他好文 时间:
2017-08-05 10:01:29
阅读次数:
169
首先做出一个动态的柱形图(这儿用的d3.js的版本是v3,用v4的话有些函数会发生变化) 效果图: 代码: 现在像个这个动态的柱形图添加mouseover和mouseout事件。 做法: 1.去掉style样式中的.MyText类,直接在添加矩形的时候添加颜色属性 2.在添加矩形的时候添加事件 但是 ...
分类:
Web程序 时间:
2017-08-02 14:59:58
阅读次数:
218
前面的话 鼠标事件是DOM事件中最常用的事件,jQuery对鼠标事件进行了封装和扩展。本文将详细介绍jQuery鼠标事件 类型 鼠标事件共10类,包括click、contextmenu、dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、m ...
分类:
Web程序 时间:
2017-07-06 13:14:26
阅读次数:
210
这里默认使用jquery 1.菜单栏中鼠标滑过某菜单出现子菜单 子菜单默认隐藏,鼠标滑过菜单栏,出现子菜单栏,代码如下: 这里主要使用两个事件mouseover鼠标滑过和mouseout鼠标离开。并添加对应的方法。 图1 图1为效果图 2.返回顶部按钮 在页面右下方添加一个返回顶部按钮,当页面滑到一 ...
分类:
Web程序 时间:
2017-07-02 00:07:36
阅读次数:
214
怎么用jq封装插件 以隔行变色为例 实现原理:1.找到表格的奇偶行,然后添加不同的class,激活行高亮显示也很简单,只要判断mouseover事件,然后添加一个class,mouseout的时候,再移除 class就行; 2.不用class,直接改变background属性; 直接开干,这里用第二 ...
分类:
其他好文 时间:
2017-06-28 02:19:56
阅读次数:
426
[JS中的事件分类] 1、鼠标事件: click/dbclick/mousedown/mousemove/mouseout/mouseover/mouseup 2、键盘事件 keydown:键盘按下去触发 keypress:键盘按下并松开的瞬间 keyup:键盘抬起时触发 [注意事项:(了解)] ① ...
分类:
Web程序 时间:
2017-06-25 23:13:35
阅读次数:
291
1,链式操作风格。 (1) 对于同一个对象不超过三个操作的。可直接写成一行。代码例如以下: $(“li”).show().unbind(“click”); (2) 对于同一个对象的较多操作,建议每行写一个操作。代码例如以下: $(this).removeClass(“mouseout”) .addC ...
分类:
Web程序 时间:
2017-06-21 13:38:26
阅读次数:
165