编程 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 相关文章推荐

实例：尽可能写友好的Javascript代码

Oct 09 Javascript

JavaScript入门教程(2) JS基础知识

Jan 31 Javascript

js和jquery批量绑定事件传参数一(新猪猪原创)

Jun 23 Javascript

javascript 弹出窗口中是否显示地址栏的实现代码

Apr 14 Javascript

formStorage 基于jquery的一个插件(存储表单中元素的状态到本地)

Jan 20 Javascript

js获取html的span标签的值方法(超简单)

Jul 26 Javascript

js学习总结之DOM2兼容处理this问题的解决方法

Jul 27 Javascript

微信小程序三级联动选择器使用方法

May 19 Javascript

微信小程序内拖动图片实现移动、放大、旋转的方法

Sep 04 Javascript

Bootstrap Paginator+PageHelper实现分页效果

Dec 29 Javascript

JavaScript函数的特性与应用实践深入详解

Dec 30 Javascript

JS中的算法与数据结构之列表(List)实例详解

Aug 16 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字符串截取中文截取2，单字节截取模式

2007/12/10 PHP

php中http_build_query 的一个问题

2012/03/25 PHP

用PHP+MySQL搭建聊天室功能实例代码

2012/08/20 PHP

使用Linux五年积累的一些经验技巧

2013/06/20 PHP

浅析Mysql 数据回滚错误的解决方法

2013/08/05 PHP

php另类上传图片的方法（PHP用Socket上传图片）

2013/10/30 PHP

PHP使用Mysqli类库实现完美分页效果的方法

2016/04/07 PHP

php实现购物车功能（以大苹果购物网为例）

2017/03/09 PHP

php 替换文章中的图片路径,下载图片到本地服务器的方法

2018/02/06 PHP

Linux基于php-fpm模式的lamp搭建phpmyadmin的方法

2018/10/25 PHP

JavaScript 原型链学习总结

2010/10/29 Javascript

如何防止JavaScript自动插入分号

2015/11/05 Javascript

Node.js检测端口(port)是否被占用的简单示例

2016/09/29 Javascript

JS中如何实现复选框全选功能

2016/12/19 Javascript

Bootstrap table简单使用总结

2017/02/15 Javascript

JS批量替换内容中关键词为超链接

2017/02/20 Javascript

浅谈针对Vue相同路由不同参数的刷新问题

2018/09/29 Javascript

微信小程序实现3D轮播图效果（非swiper组件）

2019/09/21 Javascript

Node.js API详解之 dns模块用法实例分析

2020/05/15 Javascript

[26:21]浴火之凤-TI4世界冠军Newbee战队纪录片

2014/08/07 DOTA

Python的Socket编程过程中实现UDP端口复用的实例分享

2016/03/19 Python

django框架实现一次性上传多个文件功能示例【批量上传】

2019/06/19 Python

python matplotlib.pyplot.plot()参数用法

2020/04/14 Python

Pytorch十九种损失函数的使用详解

2020/04/29 Python

HTML5 声明兼容IE的写法

2011/05/16 HTML / CSS

英国最大的百货公司：Harrods

2016/08/18 全球购物

NBA欧洲商店(英国)：NBA Europe Store UK

2018/07/27 全球购物

Hotels.com加拿大：领先的在线住宿网站

2018/10/05 全球购物

土耳其风格手工珠宝：Ottoman Hands

2019/07/26 全球购物

槐乡的孩子教学反思

2014/04/27 职场文书

《悯农》教学反思

2014/04/28 职场文书

大学班级计划书

2014/04/29 职场文书

2014年公务员工作总结

2014/11/18 职场文书

2015共产党员公开承诺书

2015/01/22 职场文书

心理健康教育主题班会

2015/08/13 职场文书

婚礼男方父母答谢词

2015/09/29 职场文书