jQuery案例 - W3xue在线HTML/CSS/JS运行工具

​x
 
<!DOCTYPE html>
<html>
<head>
  <style>div { margin:3px; width:40px; height:40px;
        position:absolute; left:0px; top:60px; 
        background:green; display:none; }
  div.newcolor { background:blue; }
  p { color:red; }  </style>
​
  <script type="text/javascript" src="/js/jquery.js"></script>
</head>
​
<body>
​
<p>队列长度是：<span></span></p>
<div></div>
​
<script>
var div = $("div");
​
function runIt() {
  div.show("slow");
  div.animate({left:'+=200'},2000);
  div.slideToggle(1000);