Среда, 15.05.2024, 13:03:45
Уникальные скрипты для uCoz

  • Страница 1 из 1
  • 1
Форум » Скрипты для uCoz » Другие скрипты для uCoz » Перемещение текста(блока)по странице
Перемещение текста(блока)по странице
DieZДата: Среда, 17.11.2010, 21:16:22 | Сообщение # 1

.:GL.AdMiNkO_o:.
Сообщений: 807
Репутация: 168
Награды: 17
Замечания: 0%
OffLine

Drag & drop(тяни и бросай) - это способ, при помощи которого,элементы можно перетаскивать мышкой по экрану.

Помещаем в самый низ страницы данный код:

Code
<script>   
function collectElems(){   
   var b=document.all||document.getElementsByTagName('*');   
   for(var i=0;i<b.length;i++){   
   addEvt(b[i],'mousedown',function(a){   
   if(mousePosition(a).t.className.match(/dragable/ig)){   
   dragElems(mousePosition(a).t,a)   
   }   
   })   
   }   
   }   
collectElems();   
function dragElems(b,c){   
   mousePosition(c,'p');   
   var i,x,y,l,t;   
   i=true;   
   x=mousePosition(c).x;   
   y=mousePosition(c).y;   
   l=b.offsetLeft;   
   t=b.offsetTop;   
   addEvt(b,'mouseup',function(){i=false});   
   addEvt(document,'mouseup',function(){i=false});   
   addEvt(document,'mousemove',function(a){   
   if(i){   
   mousePosition(a,'p');   
   b.style.left=l+mousePosition(a).x-x+'px';   
   b.style.top=t+mousePosition(a).y-y+'px'   
   }   
   })   
   }   
function mousePosition(event,i){   
   var d,x,y,t,b;   
   d=document;   
   b=/*@cc_on!@*/false;   
   e=b?window.event:event;   
   if(i){b?e.returnValue=false:e.preventDefault()}   
   x=(b?d.documentElement.scrollTop:d.body.scrollTop)+e.clientX;   
   y=(b?d.documentElement.scrollLeft:d.body.scrollLeft)+e.clientY;   
   t=b?e.srcElement:e.target;   
   return{x:x,y:y,t:t}   
   }   
function addEvt(a,b,i){   
   if(a.addEventListener){a.addEventListener(b,i,false)}else   
   if(a.attachEvent){a.attachEvent('on'+b,i)}else   
   {a['on'+b]=i}   
}   
</script>

А вот и код,отвечающий,что мы должны перетаскивать:
Code
<div style="position:absolute;" class="dragable"><a href="http://virtus-war.net.ru">Перенеси меня</a></div>


[RU]
Форум » Скрипты для uCoz » Другие скрипты для uCoz » Перемещение текста(блока)по странице
  • Страница 1 из 1
  • 1
Поиск:
VirTuS-WaR.ClaN.Su © 2009 — 2024 · Хостинг от uCoz Дизайн данного сайта полностью принадлежит администратору — DieZ.
Сайт оптимизирован под браузеры Opera, Firefox и разрешение экрана 1024x786.