软件开发培训班 >> 编程开发 >> JavaScript

jquery1.4 教程三新增方法教程

　　本文标签：jquery1.4,新增方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>clearQueue()</title> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
<script type="text/javascript"> 
$(function(){ 
     
}) 
</script> 
<style> 
div { margin:3px; width:40px; height:40px; 
position:absolute; left:0px; top:50px; 
background:green; display:none; } 
div.newcolor { background:blue; } 
</style> 
</head> 
<body> 
<input name="" id="start" type="button" value="开始运行动画" /> 
<input name="" id="stop" type="button" value="终止动画" /> 
<div></div> 
<script>$("#start").click(function () { 
$("div").show("slow"); 
$("div").animate({left:+=200},5000); 
$("div").queue(function () { 
$(this).addClass("newcolor"); 
$(this).dequeue(); 
}); 
$("div").animate({left:-=200},1500); 
$("div").queue(function () { 
$(this).removeClass("newcolor"); 
$(this).dequeue(); 
}); 
$("div").slideUp(); 
}); 
$("#stop").click(function () { 
$("div").clearQueue(); 
$("div").stop(); 
});</script> 
</body> 
</html>

技术文章快速查找

JS 在数组插入字符的实现代码(可参考JavaScript splice() 方法)

js查错流程归纳

JavaScript定义类或函数的几种方式小结

javascript学习(二)javascript常见问题总结

js创建子窗口并且回传值示例代码

JQuery弹出层示例可自定义

使用js显示当前时间示例

基于jQuery的为attr添加id title等效果的实现代码

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建

软件开发培训班 >> 编程开发 >> JavaScript

jquery1.4 教程三 新增方法教程

jquery1.4 教程三新增方法教程