JQuery动画和停止动画实例代码

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/TItle panel/TItle style type=' text/CSS ' * { margin 3360 0；padd : 0；} body { font-size : 13px线高： 130%;padding: 60px } #面板{ width: 60pxborder: 1px固体#高： 22px飞越：隐藏；}.头部{ padding: 5px背景#光标：指针；宽度： 300像素；}.内容{ padd : 10 extext-indent : 2 em；边框-top: 1px实心# 0050D0display:块；宽度： 280像素；}/style script src=' http :http://www。cn博客。com/./scripts/jquery-1。3 .1 .js ' type=' text/JavaScript '/script script type=' text/JavaScript ' $(function(){ $(' button : eq(0))').单击(函数(){ $('#panel ')).动画({height:'150' }，1000).动画({width:'300' }，1000).隐藏(2000年)。动画({height:'show '，width:'show '，opacity: ' show ' }，1000).动画({height:'500'}，1000)；});//stop([clearQueue][，gotoEnd])；//语法结构$(“按钮： eq(1)”).单击(函数(){ $('#panel ')).stop()；//停止当前动画，继续下一个动画});$(“按钮： eq(2)”).单击(函数(){ $('#panel ')).停止（真);//清除元素的所有动画});$(“按钮： eq(3)”).单击(函数(){ $('#panel ')).停止（假，真);//让当前动画直接到达末状态，继续下一个动画});$(“按钮： eq(4)”).单击(函数(){ $('#panel ')).停止（真，真);//清除元素的所有动画，让当前动画直接到达末状态});})/脚本/床头按钮开始一连串动画/button button stop()/button button stop(真)/button stop(假，真)/button stop(真，真)/button div id=' panel ' H5 class=' head '什么是jQuery？/h5 div class='content' jQuery是继原型之后又一个优秀的Java脚本语言库，它是一个由约翰瑞西格创建于2006年一月的开源项目jQuery。凭借简洁的语法和跨平台的兼容性，极大地简化了Java脚本语言开发人员遍历超文本标记语言文档、操作DOM、处理事件、执行动画和开发Ajax。它独特而又优雅的代码风格改变了Java脚本语言程序员的设计思路和编写程序的方式/div/div/body/html(9500 . 163.com)