ISBN 966-7343-29-5 К.305

УДК 531.0
ББК 22.311
  К.305

Библиотека: скачать готовые скрипты Javascript
Текст летает по экрану монитора за курсором пользователя

   Посмотрите на работу этого скрипта на отдельной веб-странице.
   При помощи приводимого ниже клиентского сценария — скрипта Javascript — достаточно любопытно Ваш текст любого цвета и гарнитуры (задается в стилях) летает по экрану монитора за курсором пользователя.

   Обязательно вставьте в тэг код (редактировать нежелательно):

<body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll" >

   Добавьте в стили следующий код и описание шрифта (можно редактировать):

<style>
.spanstyle {  position:absolute;  visibility:visible;  top:-50px;  
 font-size: 8pt;  font-family: verdana;  font-weight: bold; 
 color: #ff0000   }
</style>

   Выделите мышью приводимый ниже код, скопируйте его (командой Ctrl+C) и вставьте его (командой Ctrl+V) в свою веб-страницу в конце перед командным тэгом </body> </html>.

<script type="text/javascript">
<!-- Beginning of Javascript

var x,y
var step=8
var flag=0
 
var message="Программирование на Javascript " 
// Фраза около мышки (обязательно после последней буквы поставить пробел)
message=message.split("")
 
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
 xpos[i]=-50 }
 
var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
 ypos[i]=-50 }
 
function handlerMM(e){
 x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
 y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
 flag=1 }
 
function makesnake() {
 if (flag==1 && document.all) {
     for (i=message.length-1; i>=1; i--) {
      xpos[i]=xpos[i-1]+step
   ypos[i]=ypos[i-1]      }

  xpos[0]=x+step
  ypos[0]=y
 
  for (i=0; i<message.length-1; i++) {
      var thisspan = eval("span"+(i)+".style")
      thisspan.posLeft=xpos[i]
   thisspan.posTop=ypos[i]
     }
 }
 
 else if (flag==1 && document.layers) {
     for (i=message.length-1; i>=1; i--) {
      xpos[i]=xpos[i-1]+step
   ypos[i]=ypos[i-1]
     }
  xpos[0]=x+step
  ypos[0]=y
 
  for (i=0; i<message.length-1; i++) {
      var thisspan = eval("document.span"+i)
      thisspan.left=xpos[i]
   thisspan.top=ypos[i]     }  }
  var timer=setTimeout("makesnake()",30) }
 
// End of Javascript --></script>

<script type="text/javascript">
<!-- Beginning of Javascript 
 
for (i=0;i<=message.length-1;i++) {
    document.write("<span id='span"+i+"' class='spanstyle'>")
 document.write(message[i])
    document.write("</span>") }
 
if (document.layers){
 document.captureEvents(Event.MOUSEMOVE); }
document.onmousemove = handlerMM;
 
// - End of Javascript - -->
</script>



 

 

Наши ссылки на веб-страницы, можно скопировать html-код ссылки


Книги по математике и физике, программы HTML, компьютерные технологии

Скачать JavaScript - бесплатно скрипты JavaScript (коллекция программ на JavaScript)

   Примечание. Удобная текстовая ссылка для форумов, блогов, цитирования материалов веб-сайта, код html можно скопировать и просто вставить в Ваши веб-страницы при цитировании материалов нашего веб-сайта. Материал носит неофициальный характер и приведен для ознакомления.