hover事件改编
来源:互联网 发布:数据库概论 pdf 编辑:程序博客网 时间:2024/04/27 06:57
//hover事件
$("a").hover(function(event){
$(this).css("color", "red");
},function(event){
$(this).css("color", "blue");
});
正常hover事件在某些时候会有局限性,可以改编成这样
$(this).css("color", "red");
},function(event){
$(this).css("color", "blue");
});
正常hover事件在某些时候会有局限性,可以改编成这样
第一种:切换式
$(document).on('mouseenter mouseleave',".tab_ul >.row",function() {
$(this).find("h3").toggleClass("zt_bh");
$(this).find(".more").toggleClass("zt_bh1");
$(this).find(".hx").stop().toggle().slow();
})
//data_center
$(document).on('mouseenter mouseleave',".xz_down",function() {
$(this).toggleClass("xa_bs");
$(this).find(".img1").toggle();
$(this).find(".img2").toggle();
$(this).find("em").toggleClass("xa_bs");
})
第二种:隐藏显现式
$('ul.course_lists li').on({
mouseenter:function(){
$(this).css('border-color','#ccc');
},
mouseleave:function(){
$(this).css('border-color','#fff');
}
});
第三种:第一种的精确延伸
$(obj).on("mouseover mouseout",function(event){
if(event.type == "mouseover"){//鼠标悬浮
}elseif(event.type =="mouseout"){//鼠标离开
}
})
阅读全文
1 0
- hover事件改编
- hover事件
- jquery hover()事件函数
- JQuery事件之hover
- jQuery hover事件
- Raphael hover事件使用
- jQuery hover事件
- jQuery hover事件
- Jquery---hover事件
- js实现hover事件
- hover鼠标悬停事件
- 延迟hover事件
- 延迟hover事件
- jquery添加hover事件和销毁hover事件
- jquery合成事件-hover() toggle()
- Android Hover事件发起过程
- 离开hover的响应事件
- gallery的hover事件效果
- Java多线程常用面试题(含答案,精心总结整理)
- 逻辑回归(Logistic Regression)
- KITTI数据集转为VOC和训练
- 常用的数学知识总结
- 微信java开发2——消息管理
- hover事件改编
- 如何将无偏移影像叠加配准(Auto CAD版)
- Lombok使用
- Matlab中的括号()[]{}
- ADV-185五次方数
- 下载资料的网站
- 解决React Native中使用TabNavigator时、对tab只设置文字时文字没有垂直居中
- chnlove:智能家居与传统文化该如何结合?
- stl set 用法