Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   шлейф за курсором (https://javascript.ru/forum/misc/6701-shlejjf-za-kursorom.html)

PeaceCoder 16.12.2009 15:32

Цитата:

Сообщение от B~Vladi
Зачем? Стандартный курсор заменить нельзя.

можно
http://www.htmlbook.ru/css/cursor.html

а вы не подумали для чего это надо? дело не в том что человек теряет курсор. обычно шлейфом делают спец эффекты на разных тематических сайтах. гдето я видел уже пару прикольных эффектов. ща...

а кстати ступил.. там же и готовые решения...
http://web-mastery.info/scripts/cat-9.html

nemo 16.12.2009 15:37

PeaceCoder,
о_о я думаю автор хотел поменять рисунок курсора а не частичные статус-рисунки к курсору

nemo 16.12.2009 15:38

а второй сайтв перейдя по нему эффекты в опере неработают проверял

B~Vladi 16.12.2009 15:42

Цитата:

Сообщение от PeaceCoder

Я говорил именно про замену стандартного на свой... По крайней мере я так это понял...

PeaceCoder 16.12.2009 15:53

возвращаемся в начало... автор зачем тебе это надо? =)

П.С. я не флудер. люблю помогать людям.

гуня 16.12.2009 15:53

блин, ну заказчик так хочет
зачем лить воду нужно или не нужно
я спросил, если не знаете то зачем писать чушь?

Gvozd 16.12.2009 17:59

Цитата:

Сообщение от гуня
зачем писать чушь?

ты первый начал;)

Gozar 16.12.2009 23:52

PeaceCoder,
FF 3.5 примеры не работают :nono:

PeaceCoder 17.12.2009 00:34

а самому подправить слабо? код из файла шлейфа переправлен под современность
http://web-mastery.info/scripts/javascript-67.html

<html>
<head>
<title>След курсора</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
<!--
body
{background-color:#FAFDFF; margin:0px; padding:0px; font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif;}
b
{color:#00008B}
.promo
{color:#AF0032; font-size:12px; text-align:center;  margin-top:20px}
.promo a:link, .promo a:visited, .promo a:hover {color:#0066CC; text-decoration:underline;}
-->
<!-- web-mastery.info  -->
</style>
</head>

<body>
<div class="promo" align="center">Учебники, программы, шаблоны<br>
интересные статьи и полезные советы<br>
<a href="http://web-mastery.info">Все для веб-мастера на <b>WEB-MASTERY.INFO</b></a>
</div>
<br><br>
<center>
<script language="JavaScript1.2">

var trailLength = 10; var path = "cur.gif"; var isIE = false,isNav = false,range = "all.",style = ".style",i,d = 0;
var topPix = ".top",leftPix = ".left",images,storage
 if (document.all) {
isIE = true }
function initTrail() {
  images = new Array() 
    for (i = 0; i < parseInt(trailLength); i++) {
    images[i] = new Image()
    images[i].src = path
    }
  storage = new Array() 
  for (i = 0; i < images.length*3; i++) {
    storage[i] = 0
    }
  for (i = 0; i < images.length; i++) {
     document.write('<div id="obj' + i + '" style="position: absolute; z-Index: 100; height: 0; width: 0"><img src="' + images[i].src + '"></div>')}
  trail()
  }
function trail() { 
  for (i = 0; i < images.length; i++) { 
    eval("document." + range + "obj" + i + style + topPix + "=" + storage[d]) 
    eval("document." + range + "obj" + i + style + leftPix + "=" + storage[d+1])
    d = d+2
    }
  for (i = storage.length; i >= 2; i--) storage[i] = storage[i-2] 
  d = 0
  var timer = setTimeout("trail()",10) }
<!-- web-mastery.info  -->

function processEvent(e) { 
  if (isIE) { 
  storage[0] = window.event.y+document.body.scrollTop+0
  storage[1] = window.event.x+document.body.scrollLeft+0
  } else {
    storage[0] = e.pageY
    storage[1] = e.pageX}
    }
if (isNav) {document.captureEvents(Event.MOUSEMOVE) }

initTrail(); 
document.onmousemove = processEvent

</script>
</center>
</body>
</html>

zji18465 27.03.2016 18:05

И как это работает?


Часовой пояс GMT +3, время: 17:23.