博客首页 → hover

最新文章列表

hover选择器及本地存储的问题

      （一） 在实际中浏览网页时我们经常会看到鼠标移动到某个元素的时候，这个元素的颜色会发生改变，那么这个功能又是如何实现的呢？        使用hover选择器，便可以方便的实现这个功能了。先来看一个例子： <!DOCTYPE html> <html> <head> <style> a:hover { background- ...
hover本地存储 
jinhonglin001 评论(0) 有452人浏览 2015-11-23 22:48

表格鼠标经过时变色

如何实现鼠标经过时变色呢? 如图:  ------------------------------------ 如何实现鼠标放在上面时表格的行变色呢? 有如下两种方式: 方式一:使用纯css div.queryResultDiv table.productList tr:nth-child(n+2):hover { background-color: #B0D2FF; }   ...
鼠标经过变色onmouseoverhoverhover变色划过变色 
hw1287789687 评论(0) 有3005人浏览 2015-02-08 00:01

jquery hover 事件

$("#id").hover(function(){   //当鼠标放上去的时候,程序处理},
hover 
fengbin2005 评论(0) 有643人浏览 2014-11-04 15:53

IE下的li:hover问题解决

当在css中设定li:hover{cursor:pointer;}的时候，在chrome下是没问题的，但是在ie9下却没作用。 在网上查了一下，最后修改了文档类型声明，问题就解决了。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 这里修改为 <!DOCTYPE>， 也就是h ...
iehtmlhover 
alleni123 评论(0) 有898人浏览 2014-02-19 22:26

IE使用滤镜后链接无法触发点击、hover等事件

IE BUG之使用滤镜后链接无法触发点击、hover等事件的解决方案 有个div的背景是个png的图片，在IE6下需要使用滤镜使它透明，但它下面的a标签的hover效果（包括绑定的事件）就没法显示，且链接也无法点击。 解决方法1：给a标签加个相对定位(position:relative;) 但是，有时候我们可以利用这个BUG达到特殊的效果 其他方法参考 http://www.candoudo ...
滤镜hover事件IE6 
Jabbar2011 评论(0) 有1638人浏览 2013-08-02 16:23

jQuery animate分页标签按钮鼠标悬停滑动展开分页按钮-20130730

1、效果及功能说明 animate动画分页按钮制作鼠标悬停分页按钮上滑动展开分页按钮，鼠标离开后分页按钮收缩 2、实现原理 主要是靠动画方法，来让原本的箭头图像的长度发生变长，正好可以融入下标题的文字大小，当鼠标离开以后就会让箭头图像触发另一个动画效果让让标题消失和长度变回原来的大小。 主要的方法 $(this).animate({width:90},400,function() ...
eachhoveranimatechildrenstop 
xjwolaile 评论(0) 有2029人浏览 2013-07-30 23:09

jQuery 侧栏与工具提示-20130726

1、效果及功能说明 当鼠标触及到标题就会触发一个侧显示框来告诉基础信息 2、实现原理 主要是靠伪类来触发效果，当提示框从左边出来，让后显示出上面的信息，获得一个定义好的类来修改上面的字体等信息，当鼠标离开后自动回去，并且删除类，当鼠标触及到时多有动画停止，确保了不会有重复的出现 主要的方法 $(this).find("div").stop().animate( ...
hoverstopanimateaddClassremoveClass 
xjwolaile 评论(0) 有904人浏览 2013-07-26 23:50

jQuery 图片聚光灯特效制作社交图标聚光灯特效-20130719

1、效果及功能说明 打造一种图片聚光灯特效，当鼠标滑过单组中的单个社交图标时，当前高亮，其它图标变暗的这种类似图片聚光灯特效 2、实现原理 首先先让鼠标触及到当前图片后，让其他图片全部透明化，然后显示出当前的提示语，当鼠标移开以后隐藏当前的提示语，让所有的背景颜色的透明度变回正常。 主要的方法 $(this).stop().fadeTo(500,1).siblings().st ...
eachhoverstopsiblingsfadeTo 
xjwolaile 评论(2) 有1426人浏览 2013-07-19 23:53

jQuery 鼠标滑过产品图片背景高亮闪烁显示-20130717

1、效果及功能说明 鼠标滑过悬停特效，div css制作产品列表图片布局通过鼠标滑过产品图片背景高亮闪烁显示，产品标题滑动显示或隐藏 2、实现原理 首先定义好一个重复实现效果的方法，然后定义光带出现速度和从什么位置出现，在定义当鼠标触及到图片后标题出什么位置出现到什么为位置停止，中间要花多少时间，最后在定义当鼠标离开图片后标题缩回去到那里和用的时间 主要的方法 $(this). ...
hoverfindstopanimate 
xjwolaile 评论(0) 有1461人浏览 2013-07-17 23:49

jQuery hover鼠标悬停品牌图片旋转动画展示-20130716

1、效果及功能说明 hover鼠标悬停图片特效，品牌图片列表通过鼠标滑过品牌图片旋转动画展示，鼠标离开品牌图片旋转回来 2、实现原理 利用图片上下开始减少px知道变成一条直线后，让黑色背景的第二章图片通过动画效果从最下面出现后来把原本第一条直线替代成第二章图片的黑线在增加黑线的上下px，和现在白色的字体给用户带来旋转的效果 主要的方法 $(this).find('img').st ...
findeachhoverstopanimate 
xjwolaile 评论(0) 有1910人浏览 2013-07-17 00:06

jQuery hover事件鼠标滑过图片半透明标题文字滑动显示隐藏-20130715

1、效果及功能说明 hover事件制作产品图片鼠标滑过图片半透明，标题文字从左到右滑动动画移动显示隐藏 2、实现原理 首先把效果都隐藏，然后定义一个伪类来触发所有的效果，接下来当触发伪类后会有一个遍历停止所有的效果，从新触发效果就是标题的从左边淡出和背景颜色的变化，当鼠标离开图片后触发一个遍历，停止所有动画标题回到原处不见，背景颜色变回原样 主要的方法 $(".sec ...
hoverstopfadeTo 
xjwolaile 评论(1) 有5536人浏览 2013-07-15 23:52

jQuery左侧列表导航条鼠标滑过flash动画导航条-20130705

1、效果及功能说明 左侧列表导航条制作鼠标滑过导航条标签，flash动画导航条展示 2、实现原理 首先导航栏是在被一个块级容器给挡住了在页面加载完成以后会从块级容器里动过一个动画效果向右移动出来，每一个时间间隔是0.05*0.2秒移动在要0.3秒内完成动画效果然后是一个伪类的事件效果当鼠标移动到一个a标签上又会触发一个动画效果a容器会加长20px文字向右移动到-110px并且改变文字的颜色这 ...
readyslideeachanimatehover 
xjwolaile 评论(0) 有1171人浏览 2013-07-05 23:30

jQuery hover图片列表上下滚动显示图片详细内容-20130630

1、效果及功能说明 hover鼠标滑过案例或产品图片列表，图片向上滚动显示图片详细内容，鼠标离开图片内容向下滚动显示案例或产品图片 2、实现原理 设定原图的消失时间和后来图片的出现时间在定义一个伪类来触发这两个切换的效果在定义装有图片的div在div里的图片才能显示切换掉的图片会隐藏起来当鼠标移动开后原图回来原图移动时间是0.226秒切换图的显示时间是0.2秒 3、效果图 4、 ...
hoveranimate 
xjwolaile 评论(0) 有1090人浏览 2013-06-30 23:49

jQuery高仿2012淘宝商城多格子焦点图滚动切换-20130628

1、效果及功能说明 图片滚动切换特效，高仿2012淘宝商城首页多格子焦点图切换，鼠标滑过焦点图片各个格子区域聚光灯效果展示 2、实现原理 在显示div的下面有一个按钮条在鼠标触及到按钮的时候会改变那妞的背景颜色作为辨识，后给按钮定义一个点击事件，让点击按钮后显示出相对应的图片，在没有点击的图片的情况下自动运行滚动的动画效果，每张图片的切换时间是3秒在点击按钮或者鼠标触及到图片上动画停止当鼠标 ...
appendmouseentertriggerhoversiblings 
xjwolaile 评论(0) 有1215人浏览 2013-06-28 23:43

jQuery图片九宫格样式布局图片切换-20130625

1、效果及功能说明 图片九宫格样式布局通过鼠标滑过缩略图进行大小图片切换展示 2、实现原理 通过伪类方法来触发鼠标触及效果触及效果包括，当鼠标移动到小图片上会让背景颜色变亮来告诉用户当前的触及的图片是那张后，当鼠标触及到小图片后触发将触及到的小图片移动到大的div里面并且获得本张图片的路径，做一个放大的效果让图片适应新div的大小的事件后显示出来 3、效果图 4、运行环境 I ...
mouseoverattrhoverfadeInchildren 
xjwolaile 评论(2) 有2983人浏览 2013-06-26 00:09

jQuery图片鼠标悬停效果-20130620

1、效果及功能说明 鼠标悬停图片放大滑动显示标题 2、实现原理 首先是鼠标触及图片后对图片的进行放大多少的设置 在将要花多少时间来方法设定好 后定义图片不会因为放大而改变位置始终保持居中状态的放大和div不会因为图片的放大和标题的出现而变形 后是标题的设置一个显示的动画结合上图片放大的时间还有就是在鼠标移开后设置图片回复原状的时间和标题消失的动画时间的吻合 3、效果图 4、运行环 ...
imgIncreaseeffectDurationhoverstopanimate 
xjwolaile 评论(0) 有3694人浏览 2013-06-21 00:53

Eclipse Hover 提示过快

重装了正版XP Home 发现Eclipse Hover提示太快 搜了一下有人竟然说是机器太好 07年刚进入双核时代的1G本...配置好一刚。。。 破： 注册表regedit 添加 HKEY_CURRENT_USER\Control Panel\Mouse\MouseHoverTime(REG_SZ) 值为毫秒，一般400-500左右正好。 重启系统。
eclipsehover提示快 
wwwcomy 评论(0) 有1642人浏览 2012-09-03 09:30

Eclipse设置hover显示Variables

找了无数次，今天随意点点竟然出来了。 好了，不说费话了。   就是想现实在bug状态下。hover的时候可以直接观察变量。而不用担心右上角的框框太挤，太难受。 Window-->Perferences-->Java-->Edit-->Hovers   在框框里的Variables勾打上就可以自动提示了。
hoversvariablesjavabughover 
ansn001 评论(0) 有1543人浏览 2012-04-10 12:30

jquery解除hover事件的绑定方式

事实上是hover事件是有两个事件合起来的，所以解除hover事件的时候应该解除两个事件的绑定，$('#id').unbind('mouseenter').unbind('mouseleave');   补充：unbind()只能解绑bind()方法绑定的事件
JavaScriptjqueryhover 
Jabbar2011 评论(0) 有2609人浏览 2012-03-15 15:06

JQuery hover

JavaScript 下.onmouseover() 和 onmouseout()事件给我们的WEB页面交互带来了无数超炫的效果.而在JQuery里.取而代之的是 hover(over,out)事件. 用法: $(this).hover( function() { $.data(this, 'ContextMenu', true); //当鼠标放上去 ...
jQuery基础hoverjavascriptdata 
Vincent_Hu 评论(0) 有1052人浏览 2011-11-16 17:32

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics