Вторник, 2017-08-22, 23:45:57
Главная Регистрация Вход
Приветствую Вас, Гость · RSS
Меню сайта
Категории
Scripts [13]WEB Help [6]WEB Tools [4]
HTML [7]CSS [0]Flash [1]
Generators [0]Book online [2]WEB Toys [1]
Мои файлы [0]
Теги
Цвета и краски papier PS Acrylic floral decorative paintings Book online Жестово HTML Editor Web Design my painting Scripts Web Tools web color HTML FONTS HTML Forms HTML Line HTML Table Flash tutorial Dreamweaver html Toys фото-на фото-натюрморт Funny cat инструмент Background art gallery Site-Atr Gallery уроки рисования Урок рисования book Gallery текстура
Переводчик
Форма входа
Color Picker
1 Color Wizard
2 Color Picker
3 Color Picker
Главная » Файлы » WEB » Scripts

Список публикаций раздела
Скрипт для мышки "текст за мышью"


2011-02-02, 18:18:36
Пример работы на главной странице сайта

установка == ПУ-Редактор страниц-страницы сайта ( под </haed>)

<!-- <мышь> -->

 <script language="javascript">

 // ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.
 var text='Foksik site .';

 var delay=40; // SPEED OF TRAIL
 var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
 var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
 var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
 var beghtml='<font color="blue"><b><i>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
 var endhtml='</i></b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.

 //********** NO NEED TO EDIT BELOW HERE **********\\

 ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
 ie4 = (document.all && !document.getElementById)? true : false;
 ie5 = (document.all && document.getElementById)? true : false;
 ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
 var txtA=new Array();
 text=text.split('');
 var x1=0;
 var y1=-1000;
 var t='';

 for(i=1;i<=text.length;i++){
 t+=(ns4)? '<layer name="txt'+i+'" top="-100" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
 t+=beghtml+text[i-1]+endhtml;
 t+=(ns4)? '</layer>' : '</div>';
 }
 document.write(t);

 function moveid(id,x,y){
 if(ns4)id.moveTo(x,y);
 else{
 id.style.left=x+'px';
 id.style.top=y+'px';
 }}

 function animate(evt){
 x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
 y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
 }

 function getidleft(id){
 if(ns4)return id.left;
 else return parseInt(id.style.left);
 }

 function getidtop(id){
 if(ns4)return id.top;
 else return parseInt(id.style.top);
 }

 function getwindowwidth(){
 if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
 else return window.innerWidth+pageXOffset;
 }

 function movetxts(){
 for(i=text.length;i>1;i=i-1){
 if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
 moveid(txtA[i-1],0,-1000);
 moveid(txtA[i],0,-1000);
 }else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
 }
 moveid(txtA[1],x1,y1);
 }

 window.onload=function(){
 for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
 if(ns4)document.captureEvents(Event.MOUSEMOVE);
 document.onmousemove=animate;
 setInterval('movetxts()',delay);
 }
 </script>
 <!-- </мышь> -->
 
Категория: Scripts | Добавил: foksik | Теги: Scripts
Просмотров: 913 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • Создать бесплатный сайт с uCoz