您好,欢迎来到jQuery吧!QQ群:193687763(钱端开发)

jQuery吧-Write Less, Do More | 注重前端开发

首页 > jQuery > jQuery效果 > 正文

基于CSS3和jQuery滑动特效

2014-03-05 01:03:12 作者:天外飞仙 人气:1084 Views

基于CSS3和jQuery滑动特效
基于CSS3和jQuery滑动特效
导入js代码

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><script type="text/javascript"> $(function() { $('.slidebttn').hover(function() { var $this = $(this); var $slidelem = $this.prev(); $slidelem.stop().animate({ 'width': '225px' }, 300); $slidelem.find('span').stop(true, true).fadeIn(); $this.addClass('button_c'); }, function() { var $this = $(this); var $slidelem = $this.prev(); $slidelem.stop().animate({ 'width': '70px' }, 200); $slidelem.find('span').stop(true, true).fadeOut(); $this.removeClass('button_c'); }); });</script>

下载地址
预览地址

链接:http://www.jqueryba.com/2598.html(转载时请注明本文出处及文章链接)
分类:jQuery效果

jQuery吧-Write Less, Do More | 注重前端开发

jQuery吧-Write Less, Do More | 注重前端开发

Copyright © 2013 jqueryba.com, All Rights Reserved.奔跑在阿里云

免责声明:本站所有内容来源于互联网。如果本站部分内容侵犯您的权益,请您告知,站长会立即处理 苏ICP备12059471号

站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!