jQuery animate效果演示

网络编程 2024/9/23 佚名

3 1 2

animate(params[,duration[,easing[,callback]]])
    用于创建自定义动画的函数。<br />
    这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性（如“height”、“top”或“opacity”）。
    注意：所有指定的属性必须用骆驼形式，比如用marginLeft代替margin-left.
    而每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值，样式属性就会从当前的值渐变到指定的值。如果使用的是“hide”、“show”或“toggle”这样的字符串值，则会为该属性调用默认的动画形式。

运行以后，刷新下，主要远程js文件。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"> <head> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <title>FV.Zone jQuery demos...</title> <style> /* 初始化样式 */ div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0;} h1,h2,h3,h4,h5,h6 { margin:0; padding:0;} h1 { margin: 42px 0 20px; font-size: 18px; text-align: center; } .clear { clear: both; } a { color:#000; text-decoration: none; } a:hover { color:#999; text-decoration: none; } body { margin: 0 auto; width: 960px; background: #282c2f; color: #d1d9dc; font: 12px 'Lucida Grande', Verdana, sans-serif; } #layout { margin: 0 auto; width: 280px; } .text { line-height: 22px; padding: 0 6px; color:#666; } .box h3 { font-size: 12px; padding-left: 6px; line-height: 22px; background: #99CC00 url(arrow.gif) no-repeat right -17px; font-weight:bold; color:#fff; border: 1px solid #669900; height:22px; } .arrow { background: #99CC00 url(arrow.gif) no-repeat right 5px; } .box h3 a { color:#fff; } .box h3 a:hover { color:#eee; } .box { position: relative; background: #363C41; border: 5px solid #4A5055; } .ar { line-height: 22px; position: absolute; top: 3px; right: 6px; display: block; width: 16px; height: 16px; } </style> </head> <body> <h1>jQuery demos animate(params[,duration[,easing[,callback]]])</h1> <h3>fdsfds</h3> animate(params[,duration[,easing[,callback]]]) 用于创建自定义动画的函数。这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性（如"height"、"top"或"opacity"）。注意：所有指定的属性必须用骆驼形式，比如用marginLeft代替margin-left. 而每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值，样式属性就会从当前的值渐变到指定的值。如果使用的是"hide"、"show"或"toggle"这样的字符串值，则会为该属性调用默认的动画形式。 <h3>fdsfds</h3> 在 jQuery 1.2 中，你可以使用 em 和 % 单位。另外，在 jQuery 1.2 中，你可以通过在属性值前面指定 "+=" 或 "-=" 来让元素做相对运动。 </body> </html>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

jQuery,animate

华山资源网 Design By www.eoogi.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

华山资源网 Design By www.eoogi.com

评论“jQuery animate效果演示”

暂无评论...

jQuery animate效果演示

Jquery 设置标题的自动翻转

JavaScript CSS 通用循环滚动条

评论“jQuery animate效果演示”

更新日志

友情链接