码迷,mamicode.com
首页 >  
搜索关键字:hover    ( 2235个结果
jquery中取消和绑定hover事件的正确方式
在网页设计中,我们经常使用jquery去响应鼠标的hover事件,和mouseover和mouseout事件有相同的效果,但是这其中其中如何使用on去绑定hover方法呢?如何用off取消绑定的事件呢?一、如何绑定hover事件先看以下代码,假设我们给a标签绑定一个click和hover事件:$(d...
分类:Web程序   时间:2015-07-15 18:50:47    阅读次数:136
如何监控iframe里面页面的点击事件
根据浏览器同源策略,如果iframe中是一个跨域的页面,那么在父页面中无法监听到iframe页面中的所有行为。 最近在看论坛,发现了一个变通的办法——监听鼠标停留在iframe上这个动作,顺便记录下来: $('iframe').hover( function () {   alert('AD frame!');  ); 顺藤摸瓜,就发现了腾讯团队写的《iframe跨...
分类:其他好文   时间:2015-07-15 15:08:07    阅读次数:162
Echarts 地图(map)插件之 鼠标HOVER和tooltip自定义数据
在项目开发中,有需要用到地图的地方,百度的echarts地图插件就是个不错的选择,这里总结一下地图自定义鼠标HOVER时的事件和自定义tooltip数据;一、鼠标HOVER时的事件:参照官方文档解释, 可以看出这款插件有丰富的鼠标事件可供选择: 调用鼠标HOVER事件的方法很简单,只需把以下代码.....
分类:其他好文   时间:2015-07-13 20:03:10    阅读次数:43366
使用JQuery实现手风琴布局
当鼠标在元素上悬停或移出时,可以通过JQuery的hover方法来给元素绑定两个处理方法,前者用于鼠标悬停,后者用于鼠标移出,因此根据这这特点再设置相应元素的css属性后就可以方便的实现手风琴布局,然而这样的却有个问题,即当鼠标移出时就导致内容被隐藏,示例代码如下: Demo titl...
分类:Web程序   时间:2015-07-11 16:33:15    阅读次数:170
CSS 3 过渡效果之jquery 的fadeIn ,fadeOut
.div { visibility: hidden; opacity: 0; transition: visibility 0s linear 0.5s,opacity 0.5s linear;}.div:hover { visibility: visible; opacity: 0.5;...
分类:Web程序   时间:2015-07-08 14:14:57    阅读次数:248
表格内容可伸缩代码实现
td,th{ border:1px solid #BBB; } .content{ height:15px; width:100px; overflow:hidden; text-overflow:ellipsis } .content:hover{ height:a...
分类:其他好文   时间:2015-07-07 13:01:45    阅读次数:109
JQuery中的事件
目录:① 页面加载时触发ready事件② 使用bind()方法绑定元素的事件③ 使用hover()方法切换事件④ 使用toggle()方法绑定多个函数⑤ 使用unbind()方法一处元素绑定的事件⑥ 使用one()方法绑定元素的一次性事件⑦ 使用trigger()方法手动触发指定的事件⑧ 文本框的f...
分类:Web程序   时间:2015-07-04 22:08:25    阅读次数:226
【经验】在CSS中定义a:link、a:visited、a:hover、a:active顺序
以前用CSS一直没有遇到过这个问题,在最近给一个本科同学做的项目里面。出现一些问题,搜索引擎查了一些网站和资料,发现很多人问到这个问题,给出的结果我试了试,大部分都不正确。   给出我试的顺序,可能会对大家有一些帮助: 代码 A:link {  color: #000000;  TEXT-DECORATION: none } A:visited {...
分类:Web程序   时间:2015-07-04 11:20:35    阅读次数:186
jQuery hover demo
先放效果图:百度云下载地址:http://pan.baidu.com/s/1dDpn1Sl代码如下:jquery hover鼠标滑过图片背景高亮闪烁 Prada Prada Prada Prada Prada ...
分类:Web程序   时间:2015-07-03 23:24:31    阅读次数:176
定时器
先定义两变量 移上去的定时器 和 移开的定时器var overTimer, outTime; $('.box').hover(function(){ overTimer?clearTimeout(overTimer):''; outT...
分类:其他好文   时间:2015-07-03 19:00:56    阅读次数:150
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!