模仿动画的放大缩小容器

所属分类：网络编程 / JavaScript 阅读数： 601

收藏 0赞 0分享

其次说说目的：
瞎玩，纯粹为了学习JS练习作。
呃，最后PS：偷偷借鉴了某人写的一个函数：返回最终样式函数。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="keywords" content="PRcss,xhtml,html,css,js,book,个人主页,无聊,神经,懒惰" /> <meta name="description" content="PRcss的个人主页,无聊的,神经的,懒惰的..." /> <meta name="Author" content="PRcss,qq:50198763" /> <meta name="Copyright" content="本页版权归PRcss所有。All Rights Reserved" /> <link rel="shortcut icon" href="http://www.pr1984.com/favicon.ico" /> <title>放大缩小容器：仿动画 - www.jb51.net</title>  </head> <body> <p id="text"></p> <div id="box1" onmouseover="pr_box('box1',150);" onmouseout="pr_box('box1',100);">     <h2>标题</h2>     <p>测试鼠标滑动效果</p> </div> <div id="box2" onmouseover="pr_box('box2',150);" onmouseout="pr_box('box2',100);">     <h2>标题</h2>     <p>测试鼠标滑动效果</p> </div> <div id="box3" onmouseover="pr_box('box3',150);" onmouseout="pr_box('box3',100);">     <h2>标题</h2>     <p>测试鼠标滑动效果</p> </div> <div id="box4" onmouseover="pr_box('box4',150);" onmouseout="pr_box('box4',100);">     <h2>标题</h2>     <p>测试鼠标滑动效果</p> </div> </body>  </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

更多精彩内容其他人还在看

模仿动画的放大缩小容器

jquery实现可拖拽弹出层特效

浅谈 javascript 事件处理

jQuery中:reset选择器用法实例

原生javascript实现隔行换色

jQuery中:button选择器用法实例

jQuery中:file选择器用法实例

jQuery中:enabled选择器用法实例

AngularJS中取消对HTML片段转义的方法例子

jQuery中:disabled选择器用法实例

jQuery中:checked选择器用法实例

网络赚钱

站长故事