基于jquery的代码显示区域自动拉长效果
2011-12-07 00:00
519 查看
下面是jquery的实现代码:
$(document).ready(function(){ $('pre').hover( function(){ if($(this).width()==520){ $(this).animate({width:'800'},400); $(this).css({border:'1px solid #2B99E6'}); } }, function(){ if($(this).width()==800){ $(this).animate({width:'520'},400); $(this).css({border:'1px solid #555555'}); } } );
相关文章推荐
- 基于jQuery的输入框无值自动显示指定数据的实现代码
- 基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
- 基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
- 基于jQuery的输入框无值自动显示指定数据的实现代码
- 基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
- 基于jQuery的可以控制左右滚动及自动滚动效果的代码
- 基于jQuery插件实现点击小图显示大图效果
- 基于jQuery代码实现圆形菜单展开收缩效果
- 基于jQuery的Tab选项框效果代码(插件)
- 基于jquery的一个拖拽到指定区域内的效果
- 基于JQuery 的消息提示框效果代码
- 基于jQuery左侧小图滚动右侧大图显示代码
- jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码
- 基于jquery的淡入淡出选项卡效果代码
- 基于json的jquery地区联动效果代码
- 基于jquery的网站幻灯片切换效果焦点图代码
- autoPlay 基于jquery的图片自动播放效果
- jquery锚点跳转+自动显示隐藏回到顶端代码