« js学习笔记：setInterval()的进一步理解
js笔记：一个提示跟随鼠标的效果 »

js笔记：setInterval和clearInterval

分类： js笔记  |  评论 (RSS) 查看(查看(200)
  1. function moveDiv(divName){
  2.                 var name = document.getElementsByTagName(divName);
  3.                 var maxLength = 300;
  4.                 var left,top,t,bb,n;
  5.                 for(var i = 0;i < name.length;i++){
  6.                     if(name[i].className == "c"){
  7.                         name[i].onclick = function(event){
  8.                             if(!event){
  9.                                 event = window.event;
  10.                             }                           
  11.                             var el = event.target || event.srcElement;
  12.                             n = el.offsetWidth;
  13.                             if(n>=maxLength)return;
  14.                             bb = setInterval(
  15.                                 function(){
  16.                                     if(n < maxLength){
  17.                                         el.style.width = n + "px";
  18.                                         el.style.height = n + "px";
  19.                                         el.style.top = el.offsetTop - 5 + "px";
  20.                                         el.style.left = el.offsetLeft - 5 + "px";
  21.                                         n = n + 10;
  22.                                     } else {
  23.                                         el.style.width = maxLength + "px";
  24.                                         el.style.height = maxLength + "px";
  25.                                         el.style.top = el.offsetTop - (n-maxLength)/2 + "px";
  26.                                         el.style.left = el.offsetLeft - (n-maxLength)/2 + "px";
  27.                                         window.clearInterval(bb);
  28.                                     }
  29.                                 },30
  30.                             );
  31.                         };
  32.                     }
  33.                 }
  34.             }
  35.             window.onload = function(){
  36.                 moveDiv("div");
  37.             };
4th 7月 2008, 12:31 下午

相关文章

请您留下评论

Tags:
Separate individual tags by commas