• Страница 1 из 1
  • 1
Модератор форума: magnum1361  
Форум » Прочее » Для Веб мастера » Курсор
Курсор
magnum1361Дата: Понедельник, 22.06.2009, 19:55 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 1153
« 9 »
Статус: Offline
.: Дополнительные данные :.
Краcивый эфект курсора , который троится , действует в Opera и Enternet Explorer (с включённым JavaScript модулем конечно ) . Если использовать вне сайта а смотреть его с компютера то за курсором бегает надпись "Рисунок" но если вставить на сайт то работает , поэтому рекомендуется смотреть сразу на каком то сайте

Code
<script language="Javascript1.2">   
<!--   
var isNS = (navigator.appName == "Netscape");   
layerRef = (isNS) ? "document" : "document.all";   
styleRef = (isNS) ? "" : ".style";   
var queue = new Array();   
var NUM_OF_TRAIL_PARTS = 5   
for (x=1; x < 6; x++) {   
eval("trailSpriteFrame" + x + " = new Image(28,36);");   
eval("trailSpriteFrame" + x + ".src = '../img/maus.gif';");   
}   
function trailSpriteObj(anID) {   
this.trailSpriteID = "trailSprite" + anID;   
this.imgRef = "trailSprite" + anID + "img";   
this.currentFrame = 1;   
this.animateTrailSprite = animateTrailSprite;   
}   
function animateTrailSprite() {   
if (this.currentFrame <6 ) {   
if (isNS) {eval("document." + this.trailSpriteID +".document['"+ this.imgRef + "'].src = trailSpriteFrame" + this.currentFrame + ".src");}   
else {eval("document['" + this.imgRef + "'].src = trailSpriteFrame" + this.currentFrame + ".src"); }   
this.currentFrame ++;   
}   
else {eval(layerRef + '.' + this.trailSpriteID + styleRef + '.visibility = "hidden"');   
}   
}   
function processAnim() {   
for(x=0; x < NUM_OF_TRAIL_PARTS; x++)   
queue[x].animateTrailSprite();   
}   
function processMouse(e) {   
currentObj = shuffleQueue();   
if (isNS) {eval("document." + currentObj + ".left = e.pageX ;");   
eval("document." + currentObj + ".top = e.pageY;");   
} else {eval("document.all." + currentObj + ".style.pixelLeft = event.clientX + document.body.scrollLeft;");   
eval("document.all." + currentObj + ".style.pixelTop = event.clientY + document.body.scrollTop;");   
}   
}   
function shuffleQueue() {   
lastItemPos = queue.length - 1;   
lastItem = queue[lastItemPos];   
for (i = lastItemPos; i>0; i--)   
queue[i] = queue[i-1];   
queue[0] = lastItem;   
queue[0].currentFrame = 1;   
eval(layerRef + '.' + queue[0].trailSpriteID + styleRef + '.visibility = "visible"');   
return queue[0].trailSpriteID;   
}   

function init() {   
for(x=0; x<NUM_OF_TRAIL_PARTS; x++)   
queue[x] = new trailSpriteObj(x+1) ;   
if (isNS) { document.captureEvents(Event.MOUSEMOVE); }   
document.onmousemove = processMouse;   
setInterval("processAnim();",25);   
}   
window.onload = init;   
//-->   
</script>   
<div id="trailSprite1" style="position: absolute; height:28px; width:36px;z-index: 100"><img src="../img/maus.gif" border="0" name="trailSprite1img"></div>   
<div id="trailSprite2" style="position: absolute; height:28px; width:26px;z-index: 10"><img src="../img/maus.gif" border="0" name="trailSprite2img"></div>   
<div id="trailSprite3" style="position: absolute; height:28px; width:36px;z-index: 10"><img src="../img/maus.gif" border="0" name="trailSprite3img"></div>   
<div id="trailSprite4" style="position: absolute; height:28px; width:36px;z-index: 10"><img src="../img/maus.gif" border="0" name="trailSprite4img"></div>   
<div id="trailSprite5" style="position: absolute; height:28px; width:36px;z-index: 10"><img src="../img/maus.gif" border="0" name="trailSprite5img"></div>











 
Форум » Прочее » Для Веб мастера » Курсор
  • Страница 1 из 1
  • 1
Поиск:

Русский Топ