手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >基于jquery的代码显示区域自动拉长效果
基于jquery的代码显示区域自动拉长效果
摘要:下面是jquery的实现代码:复制代码代码如下:$(document).ready(function(){$('pre').hover(fu...

下面是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预加载图片常用方法

JS代码的格式化和压缩

基于Web标准的UI组件 — 树状菜单(2)

7个有用的jQuery代码片段分享

基于jQuery实现的无刷新表格分页实例

COOL而实用的动态效果

jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法

解析Node.js基于模块和包的代码部署方式

jquery实现用户打分评分特效

精品推荐
分类导航