Регистрация | Вход Приветствую Вас Заглянувший | RSS
Главная | uCoz forum | Ps forum | Sport forum | ФОРУМ | Статьи | Файлы | Фото | Сайты | Рекламное место | FAQ
[ Новые сообщения · Рекламное место · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Всё для сайтов в системе uCoz » Скрипты для сайта. Общее. » Курсор мышки с Вашим текстом (за мышкой движется шлейф с Вашим текстом)
Курсор мышки с Вашим текстом
Slava_SemenoffДата: Вторник, 25 Мая 2010, 02:43:06 | Сообщение # 1
Один такой админ
Лейтенант
Группа: Администратор
Сообщений: 67
Награды за активность:
За создание сайта За 10 постов За 25 Постов
на страницы, где хотите видеть мышку со шлейфом, ставим перед
Code
</body>

следующий код:
Code
<script language="javascript">

// тут задаём текст и параметры шлейфа.
var text='Любой Ваш текст';

var delay=40; // скорость шлейфа
var Xoff=0; // значение, определяющее на сколько шлейф будет уходить влево от курсора при перемещении (если "-", то будет заходить за курсор влево)
var Yoff=-30; // значение, определяющее начало шлейфа выше курсора ( если "-", то ниже)
var txtw=15; // расстояние между буквами в шлейфе
var beghtml='<font color="red"; size=3pt><b>'; // параметры шрифта
var endhtml='</b></font>';         
// установка параметров закончена. Дальше не трогаем!!!

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>

всё готово. смотрим результат.



 
Форум » Всё для сайтов в системе uCoz » Скрипты для сайта. Общее. » Курсор мышки с Вашим текстом (за мышкой движется шлейф с Вашим текстом)
  • Страница 1 из 1
  • 1
Поиск:
Объявление администрации проекта.
28.05.2010
Набор в группу "Партнёр портала"
Ув. посетители портала. Мы обновляем дизайн и объявляем о наборе в группу "Партнёр портала"!!! Требуются: файловики, журналисты, дизайнеры, программисты, детективы и папараци.

NEVS portal © 2009-2024
при копировании любых материалов ссылка на сайт обязательна.
Все материалы, представлены на сайте администрацией портала, получены в открытом доступе, сохранены для личного использования и выложены на сайт в ознакомительных целях. Администрация портала не несёт ответственность за использование и содержание ссылок и материалов, представленных на портале пользователями, а также за возможное игнорирование пользователями коммерческого статуса программного обеспечения, фото- и др. материалов ссылки на которые  представленные на нашем портале пользователями.
PR-CY.ru Site-Rank конкурс сайтов
Valid HTML 4.01 Transitional Правильный CSS! реклама в интернете, контекстная реклама Google-Add.com - Открытый Каталог Сайтов создание сайтов, разработка сайтов