hover事件有一个缺点:当你的鼠标无意划过一个dom元素(瞬间划过,这个时候用户可能不想触发hover事件),会触发hover事件 应该设置一个时差来控制hover事件的触发 比如jd左边的菜单 你用鼠标瞬间划过他子菜单会弹出然后立即消失, 用户体验非常的不好. 易迅的菜单就没有这个问题 dela...
分类：
Web程序 时间：
2014-08-15 20:50:59
阅读次数：
256
经常遇到如下的需求 鼠标hover到目标对象一定时间后，弹出tips或者窗口; 鼠标离开目标对象一定时间后，隐藏tips或者窗口; 鼠标从目标对象移动到弹出的窗口上，这种状况下不隐藏窗口; 考虑到这种需求，绘制如下的状态图： 如上图所示，将tips的状态分为hide,showing,show,hid...
分类：
其他好文 时间：
2014-08-15 17:44:34
阅读次数：
385
网页上有很多功能是通过链接方式传递参数，这种功能链接普通样式就是一个超链接退出，如果将超链接的样式变成按钮样式，给用户的感觉会更好。一种方法是给a标签添加display：block的样式，并添加hover样式。微信公众平台开发（2）扫描二维码添加公众账号跳转链接1跳转链接2普通样式：hover样式：
分类：
其他好文 时间：
2014-08-15 12:26:48
阅读次数：
175
$('.F_box_2').hover( function(){ $(this).find(".make_reply").css({"color":"#c00","text-decoration":"underline","background-position":"12px -147px"}); ...
分类：
其他好文 时间：
2014-08-12 18:29:54
阅读次数：
189
前面花了两节内容分别在《CSS3基本选择器》和《CSS3属性选择器详解》介绍了CSS3选择器中的基本选择器和属性选择器使用方法，今天要和大家一起学习CSS3选择器中的第三部分，也是最后一部分——伪类选择器。伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了，因为这些在...
分类：
Web程序 时间：
2014-08-12 03:01:43
阅读次数：
476
:hover是在CSS中用来制作效果最常用到的一个伪类，比如：标签或div上的鼠标悬停效果 li:hover,div:hover等. 但这种效果是css2及以上版本才添加的，对于只支持css1的浏览器就显示不出来。 在IE6中只兼容a:hover，要使用li:hover或div：hover，需引用一...
分类：
其他好文 时间：
2014-08-11 17:27:12
阅读次数：
149
transition是将某个属性从一个属性值在指定的时间内平滑过渡到另一个属性值来实现动画效果.这个属性一般搭配:hover来使下面看一个例子:鼠标放在div上,0.2s后将div元素的背景色用一秒的时间变成黄色,变化方式是linear1 div{ background-color:red; tra...
分类：
Web程序 时间：
2014-08-08 12:04:05
阅读次数：
224
jQuery中this与$(this)的区别起初以为this和$(this)就是一模子刻出来。但是我在阅读时，和coding时发现,总不是一回事，这里就谈谈this与$(this)的区别。AD：jQuery中this与$(this)的区别 $("#textbox").hover( ...
分类：
Web程序 时间：
2014-08-07 22:05:43
阅读次数：
180
1、效果及功能说明hover事件制作产品图片鼠标滑过图片半透明，标题文字从左到右滑动动画移动显示隐藏2、实现原理首先把效果都隐藏，然后定义一个伪类来触发所有的效果，接下来当触发伪类后会有一个遍历停止所有的效果，从新触发效果就是标题的从左边淡出和背景颜色的变化，当鼠标离开图片后触发一个遍历，停止所有动...
分类：
Web程序 时间：
2014-08-06 17:27:41
阅读次数：
350
测试环境：xp ,ie7~8 ?chrome。 link 伪类 ：(：link,：visited) ?这个是链接专用 动态伪类 ：(：hover,:active,:focus) <!DOCTYPE?html>
<html>
<head></head>
<style?type="text/css">
a:link,input:hover...
分类：
Web程序 时间：
2014-08-05 23:14:50
阅读次数：
506
