jquery实现友情链接图片变亮特效

来源:https://www.sucaihuo.com/js/1883.html 2017-05-05 19:11浏览(1020) 收藏

jquery实现了友情链接图片变亮特效这个效果,说要用a标签做背景,用2张图片,一张灰的一张本身,那样不累死美工了,还不利于扩展,哈哈,我就去网上找了一些类似的效果,还真的找到了,不过火狐不支持这个效果,就单独给他开小灶,写了hover效果就完美兼容了,基本布局就这样,可能你不需要边框,自己修改css,注意css里面注释的后面一定要留下,你可以修改类的名字引用jquery,为了火狐,其他基本没有什么了。
jquery实现友情链接图片变亮特效
分类:图片代码 > jQuery插件 难易:初级
查看演示 下载资源 下载积分: 20 积分

首先引用文件

<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>

核心代码

<script type="text/javascript" charset="utf-8">
         $(document).ready(function() {
         	 if($.browser.mozilla) {  
         	$('a').hover(function() {
         		$(this).removeClass('grayscale')
         	}, function() {
         		$(this).addClass('grayscale')
         	});
         	}
         });
	</script>
标签: 图片链接友情
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2