基于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 相关文章推荐
Visual Studio中的jQuery智能提示设置方法
Mar 27 Javascript
jquery的live使用注意事项
Feb 18 Javascript
手写的一个兼容各种浏览器的javascript getStyle函数(获取元素的样式)
Jun 06 Javascript
javascript实现类似java中getClass()得到对象类名的方法
Jul 27 Javascript
使用canvas实现仿新浪微博头像截取上传功能
Sep 02 Javascript
谈谈JavaScript异步函数发展历程
Sep 29 Javascript
javascript字符串对象常用api函数小结(连接,替换,分割,转换等)
Sep 20 Javascript
详解Vue开发微信H5微信分享签名失败问题解决方案
Aug 09 Javascript
ES6知识点整理之函数数组参数的默认值及其解构应用示例
Apr 17 Javascript
原生JS实现随机点名项目的实例代码
Apr 30 Javascript
js+canvas实现画板功能
Sep 13 Javascript
js+h5 canvas实现图片验证码
Oct 11 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
php skymvc 一款轻量、简单的php
2011/06/28 PHP
解析关于java,php以及html的所有文件编码与乱码的处理方法汇总
2013/06/24 PHP
php读取csv文件后,uft8 bom导致在页面上显示出现问题的解决方法
2013/08/10 PHP
PHP中构造函数和析构函数解析
2014/10/10 PHP
PHP基于GD2函数库实现验证码功能示例
2019/01/27 PHP
thinkphp框架无限级栏目的排序功能实现方法示例
2020/03/29 PHP
JS 密码强度验证(兼容IE,火狐,谷歌)
2010/03/15 Javascript
jquery获取特定name所有选中的checkbox,支持IE9标准模式
2013/03/18 Javascript
js实现两个值相加alert出来精确到指定位
2013/09/25 Javascript
JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
2016/01/12 Javascript
jquery实现全选功能效果的实现代码
2016/05/05 Javascript
JavaScript实现的微信二维码图片生成器的示例
2016/10/26 Javascript
NodeJS和BootStrap分页效果的实现代码
2016/11/07 NodeJs
nodeJS删除文件方法示例
2016/12/25 NodeJs
JS生成一维码(条形码)功能示例
2017/01/19 Javascript
JavaScript中双符号的运算详解
2017/03/12 Javascript
React+Antd+Redux实现待办事件的方法
2019/03/14 Javascript
微信小程序开发(一):服务器获取数据列表渲染操作示例
2020/06/01 Javascript
[41:52]2018DOTA2亚洲邀请赛3月29日 小组赛A组 TNC VS OpTic
2018/03/30 DOTA
python3.5使用tkinter制作记事本
2016/06/20 Python
详解Python核心编程中的浅拷贝与深拷贝
2018/01/07 Python
python实现简单神经网络算法
2018/03/10 Python
利用Python进行数据可视化常见的9种方法!超实用!
2018/07/11 Python
Python实现的批量修改文件后缀名操作示例
2018/12/07 Python
wxpython多线程防假死与线程间传递消息实例详解
2019/12/13 Python
django 链接多个数据库 并使用原生sql实现
2020/03/28 Python
Django 如何使用日期时间选择器规范用户的时间输入示例代码详解
2020/05/22 Python
美国家具网站:Cymax
2016/09/17 全球购物
iHerb中文官网:维生素、保健品和健康产品
2018/11/01 全球购物
大学生毕业求职简历的自我评价
2013/10/24 职场文书
2015国庆节66周年演讲稿
2015/03/20 职场文书
2016年高校自主招生自荐信范文
2015/03/24 职场文书
2015年青年教师工作总结
2015/05/25 职场文书
《玩出了名堂》教学反思
2016/02/17 职场文书
十个Python自动化常用操作,即拿即用
2021/05/10 Python
Python自动操作神器PyAutoGUI的使用教程
2022/06/16 Python