编程 Javascript

基于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