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

代码如下:

// 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)

相关推荐

  • js模仿hover的具体实现代码

    复制代码 代码如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="description" content="this" /> <meta name="keywords" content="this" /> <title>this</

  • 基于hover的用法实例(推荐)

    //hover,鼠标移入移出的另一种用法 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=U

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

    复制代码 代码如下: // live主要用于对动态加载出来的元素绑定事件 // 产品目录 $(".lm_div_q dd").live({ mouseenter: function() { $(this).find("strong").addClass("tj_strong"); $(this).find("strong").next().slideDown(200); // 显示下拉框 }, mouseleave: func

  • java ArrayList.remove()的三种错误用法以及六种正确用法详解

    java集合中,list列表应该是我们最常使用的,它有两种常见的实现类:ArrayList和LinkedList.ArrayList底层是数组,查找比较方便:LinkedList底层是链表,更适合做新增和删除.但实际开发中,我们也会遇到使用ArrayList需要删除列表元素的时候.虽然ArrayList类已经提供了remove方法,不过其中有潜在的坑,下面将介绍remove方法的三种错误用法以及六种正确用法. 1.错误用法 1.1.for循环中使用remove(int index),列表从前往后

  • JavaScript鼠标悬停事件用法解析

    鼠标悬停事件是当鼠标的光标与其名称表示的元素重叠时触发的事件,本篇文章我们就来详细介绍一下JavaScript中鼠标悬停事件的用法. 我们先来看一下什么是onmouseover? 鼠标悬停的活动是"事件",而onmouseover是事件处理程序. 事件处理程序是指定事件发生时要执行的进程所必需的. 所以onmouseover是一个事件处理程序,负责当鼠标的光标悬停在某个元素上时完成的处理. 什么是onmouseleave? 除了onmouseover之外,还有onmouseleave.

  • ASP.NET Core中间件用法与官方常用中间件介绍

    ASP.NET Core中间件用法与官方常用中间件介绍

    目录 一.什么是中间件 中间件和过滤器的区别 二.中间件常用方法 1.Run方法 2.Use方法 3.Map方法 4.Mapwhen方法 三.自定义中间件 四.官方常用中间件 1.异常处理中间件 2.HTTPS重定向中间件 3.静态文件中间件 4.Cookie中间件 5.路由中间件 6.身份认证中间件 7.授权中间件 8.会话中间件 9.终结点路由中间件 一.什么是中间件 我们都知道,任何的一个web框架都是把http请求封装成一个管道,每一次的请求都是经过管道的一系列操作,最终才会到达我们写的

  • 谈谈PHP中substr和substring的正确用法及相关参数的介绍

    大家都知道js中字符串截取字符有函数substr和substring,那php呢,php没有直接可用的substring函数,但是有substr函数. 不信自己可以测试一下. 下面给出一段正确的代码. <? $a="me"; echo(substr($a,,));//输出me ?> 下面又给出一段错误的代码 <? $a="me"; echo(subString($a,,)); ?> substr() 函数返回字符串的一部分. substr(s

  • having的用法以及与where区别介绍

    having的用法 having子句可以让我们筛选成组后的各种数据,having子句在查询过程中慢于聚合语句(sum,min,max,avg,count).而where子句在查询过程中则快于聚合语句(sum,min,max,avg,count). SQL实例: 一.显示每个地区的总人口数和总面积． 复制代码 代码如下: SELECT region, SUM(population), SUM(area) FROM bbc GROUP BY region 先以region把返回记录分成多个组,这就是

  • iOS中UIScrollerView的用法及基于AotoLayout的控件悬停

    iOS中UIScrollerView的用法及基于AotoLayout的控件悬停

    UIScrollView为了显示多于一个屏幕的内容或者超过你能放在内存中的内容.Scroll View为你处理缩小放大手势,UIScrollView实现了这些手势,并且替你处理对于它们的探测和回应.其中需要注意的子类是UITableView以及UITextView(用来显示大量的文字).还有一个UIWebView,尽管那不是UIScrollView的直接子类,它适用UIScrollView去显示网页内容contentsize是内容的宽和高,contentsize.width是内容的宽度,cont

  • Android Toast的用法总结(五种用法)

    Android Toast的用法总结(五种用法)

    Toast大家都很熟,不多说.直接上图上代码.     具体代码如下: main.xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layou

  • JQuery contains的选择器

    contains选择符 contains选择符是指对象中包括指定内容的对象本身,如:$('td:contains("abcd")').addClass('highlight');则是找到所有包含"abcd"这样内容的单元格,设置这些单元格的样式类型添加"highlight"类. 下面的代码,运行后,需要刷新下,以便加载jquery $(document).ready(function(){ $("div:contains('John')

  • vue使用v-for实现hover点击效果

    vue使用v-for实现hover点击效果

    使用Vue来实现鼠标悬停效果.可以使用事件处理器v-on指令(简写为:@)来完成.为标签绑定mouseenter以及mouseleave事件即可. hover是css中的选择器,用于选择鼠标指针浮动在上面的元素.所以a:hover可用于设置当鼠标悬停在超链接之上时超链接的样式. 在当今比较流行的前端框架里 vue react 都是以数据驱动的形式来修改元素的状态, 而并非是之前使用jq来操作dom元素, 这样效率也是非常低的, 像vue, react 都是以虚拟dom的形式渲染页面, 以数据的变

随机推荐