基于jquery的代码显示区域自动拉长效果


Posted in Javascript onDecember 07, 2011

下面是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'}); 
} 
} 
);
Javascript 相关文章推荐
jQuery判断复选框是否勾选的原理及示例
May 21 Javascript
jquery分析文本里url或邮件地址为真实链接的方法
Jun 20 Javascript
跟我学习javascript的arguments对象
Nov 16 Javascript
详解JavaScript中双等号引起的隐性类型转换
May 30 Javascript
jQuery+正则+文本框只能输入数字的实现方法
Oct 07 Javascript
angular.js+node.js实现下载图片处理详解
Mar 31 Javascript
Angular2+国际化方案(ngx-translate)的示例代码
Aug 23 Javascript
Angularjs之如何在跨域请求中传输Cookie的方法
Jun 01 Javascript
vuejs router history 配置到iis的方法
Sep 20 Javascript
浅谈Express.js解析Post数据类型的正确姿势
May 30 Javascript
vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)
Jun 04 Javascript
微信小程序实现动态列表项的顺序加载动画
Jul 25 Javascript
5个javascript的数字格式化函数分享
Dec 07 #Javascript
TimergliderJS 一个基于jQuery的时间轴插件
Dec 07 #Javascript
autoPlay 基于jquery的图片自动播放效果
Dec 07 #Javascript
浅析Prototype的模板类 Template
Dec 07 #Javascript
js 幻灯片的实现
Dec 06 #Javascript
字符串的replace方法应用浅析
Dec 06 #Javascript
js滚动条回到顶部的代码
Dec 06 #Javascript
You might like
MySQL GBK→UTF-8编码转换
2007/05/24 PHP
基于PHP实现商品成交时发送短信功能
2016/05/11 PHP
PHP Socket网络操作类定义与用法示例
2017/08/30 PHP
laravel unique验证、确认密码confirmed验证以及密码修改验证的方法
2019/10/16 PHP
Hutia 的 JS 代码集
2006/10/24 Javascript
IE php关于强制下载文件的代码
2008/08/23 Javascript
借用Google的Javascript API Loader来加速你的网站
2009/01/28 Javascript
js控制CSS样式属性语法对照表
2012/12/11 Javascript
js综合应用实例简单的表格统计
2013/09/03 Javascript
js 使FORM表单的所有元素不可编辑的示例代码
2013/10/17 Javascript
浅析hasOwnProperty方法的应用
2013/11/20 Javascript
仿淘宝TAB切换搜索框搜索切换的相关内容
2014/09/21 Javascript
浅谈jquery回调函数callback的使用
2015/01/30 Javascript
解决angular的$http.post()提交数据时后台接收不到参数值问题的方法
2015/12/10 Javascript
基于JavaScript实现树形下拉框
2016/08/10 Javascript
Ionic 2 实现列表滑动删除按钮的方法
2017/01/22 Javascript
关于axios返回空对象的问题解决
2017/04/04 Javascript
微信小程序实现蒙版弹窗效果
2018/11/01 Javascript
微信小程序性能优化之checkSession的使用
2019/03/06 Javascript
vue微信分享的实现(在当前页面分享其他页面)
2019/04/16 Javascript
Python中实现对list做减法操作介绍
2015/01/09 Python
用Python进行行为驱动开发的入门教程
2015/04/23 Python
手把手教你用python抢票回家过年(代码简单)
2018/01/21 Python
python按键按住不放持续响应的实例代码
2019/07/17 Python
Python的Lambda函数用法详解
2019/09/03 Python
Django模板获取field的verbose_name实例
2020/05/19 Python
html5的websockets全双工通信详解学习示例
2014/02/26 HTML / CSS
大学生自荐书范文
2013/12/10 职场文书
实用的简历自我评价
2014/03/06 职场文书
基层党员群众路线教育实践活动个人对照检查材料思想汇报
2014/10/05 职场文书
公司承诺函范文
2015/01/21 职场文书
安全生产会议制度
2015/08/06 职场文书
美甲店的创业计划书模板
2019/08/23 职场文书
温馨祝福晨语:美丽的一天从我的问候开始
2019/11/28 职场文书
Python Socket编程详解
2021/04/25 Python
2021好看的国漫排行榜前十名 《完美世界》上榜,《元龙》排名第一
2022/03/18 国漫