源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

hover的用法及live的用法介绍(鼠标悬停效果)

  • 时间:2020-12-14 14:11 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:hover的用法及live的用法介绍(鼠标悬停效果)
[u]复制代码[/u] 代码如下:
// live主要用于对动态加载出来的元素绑定事件 // 产品目录 $(".lm_div_q dd").live({ mouseenter: function() { $(this).find("strong").addClass("tj_strong"); $(this).find("strong").next().slideDown(200); // 显示下拉框 }, mouseleave: function() { $(this).find("strong").removeClass("tj_strong"); $(this).find("strong").next().slideUp(200); // 隐藏下拉框 } }); // hover直接绑定事件<PRE class=javascript name="code">// 产品目录 $(".lm_div_q dd").hover(function(){ $(this).find("strong").addClass("tj_strong"); $(this).find("strong").next().stop(true,true).slideDown(200); // 显示下拉框 },function(){ $(this).find("strong").removeClass("tj_strong"); $(this).find("strong").next().stop(true,true).slideUp(200); // 隐藏下拉框 });</PRE><BR> <BR> <PRE></PRE> <BR> <BR>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部