php响应鼠标,jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】

本文实例讲述了jQuery实现响应鼠标事件的图片透明效果。分享给大家供大家参考，具体如下：

实现的思想：

1、当鼠标放在图片上面的时候触发mouseover mouseenter两个事件(图片变得透明)

2、当鼠标离开图片的时候触发mouseleave mouseout两个事件(图片变为不透明)

具体代码如下：

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

$(document).ready(

function(){

$("#img_id").bind("mouseover mouseenter",function(){

$(this).fadeTo("slow", 0.66);

});

$("#img_id").bind("mouseleave mouseout",function(){

$(this).fadeTo("fast", 1);

});

}

);

图片透明

完整实例代码点击此处本站下载。

希望本文所述对大家jQuery程序设计有所帮助。

php响应鼠标,jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】相关推荐

分类图片展示php源码,HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果(附demo源码下载)...
本文讲述了HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果.分享给大家供大家参考,具体如下: 因为本人是星际争霸系列游戏的忠实拥簇,所以在今天的jQuery教程中,我 ...
响应式五金机械网站pbootcms模板，蓝色营销型五金配件网站源码下载
(自适应移动端)响应式五金机械网站pbootcms模板,蓝色营销型五金配件网站源码下载.旋转接头管道接头生产类网站pbootcms模板(自适应手机端)+利于SEO优化. PbootCMS内核开发的网站 ...
响应式包装礼品盒设计pbootcms模板，营销型包装厂家网站源码下载
(响应式)响应式包装礼品盒设计pbootcms模板,营销型包装厂家网站源码下载.包装生产设计类网站pbootcms模板(自适应手机端)+利于SEO优化. 浩沐资源网https://www.dhaomu ...
响应式重工业钢铁机械类网站pbootcms模板，html5工业设备网站源码下载
(自适应手机版)响应式重工业钢铁机械类网站pbootcms模板,html5工业设备网站源码下载. PbootCMS内核开发的网站模板,该模板适用于企业通用.营销型.钢铁.钢材.重工业.机械.工业设备. ...
(自适应手机端)响应式勘察设计院蓝色网站pbootcms模板政府单位商会协会网站源码下载
(自适应手机端)响应式勘察设计院蓝色网站pbootcms模板政府单位商会协会网站源码下载 PbootCMS内核开发的网站模板,该模板适用于政府单位网站.勘察设计院网站等企业,当然其他行业也可以做,只 ...
炫酷的jQuery手风琴图片和菜单插件及源码
手风琴效果的应用非常广泛,我们常见的有手风琴图片切换和手风琴菜单,同时它也是焦点图的一种展现形式之一.今天我们就来分享一些基于jQuery的手风琴图片和菜单插件,并提供源代码下载,一起来看看吧. 1. ...
ZedGraph5.1.5源码分析去掉鼠标悬浮内容闪烁问题(附源码下载)
场景在使用ZedGraph绘制曲线图时,将鼠标悬浮时内容闪烁,且频率很高. 找到其源码,发现不论鼠标移动的范围大小,甚至乎不论鼠标是否移动,都要刷新一次Tooltip. 注: 博客主页: https ...
传智书城首页设计代码_(自适应手机版)响应式创意餐饮酒店装饰设计类网站织梦模板 html5蓝色餐饮酒店设计网站源码下载...
模板名称:(自适应手机版)响应式创意餐饮酒店装饰设计类网站织梦模板 html5蓝色餐饮酒店设计网站源码下载本套织梦模板采用织梦最新内核开发的模板,这款模板使用范围广,不仅仅局限于一类型的企业,创意设 ...
PHP响应式H5图片网盘外链系统源码自适应PC手机端
介绍: PHP响应式H5图片网盘外链系统源码自适应PC手机端支持图片违规检测网盘与外链分享步伐,撑持一切格局文件的上传,可以天生文件外链.图片外链.音乐视频外链,天生外链同时主动天生响应的UBB ...

php响应鼠标,jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】

php响应鼠标,jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】相关推荐

最新文章

热门文章