• Уважаемый посетитель!!!
    Если Вы уже являетесь зарегистрированным участником проекта "миХей.ру - дискусcионный клуб",
    пожалуйста, восстановите свой пароль самостоятельно, либо свяжитесь с администратором через Телеграм.

JavaScript (объединенная)

  • Автор темы Автор темы WEREWOLF
  • Дата начала Дата начала
W

WEREWOLF

Гость
Добавление в избранное при нажатии на картинку

"javascript:window.external.AddFavorite('http://site.ru','Название')"
 
Эффект падающего снега

<script language="JavaScript1.2">

/******************************************
* Snow Effect Script- By Altan d.o.o. (snow@altan.hr, http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive (http://www.dynamicdrive.com/) for full source code
* Modified Dec 31st, 02' by DD. This notice must stay intact for use
******************************************/


//Configure below to change URL path to the snow image
var snowsrc="snow.gif"
// Configure below to change number of snow to render
var no = 10;

var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;

if (ns4up||ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();

for (i = 0; i < no; ++ i) {
dx = 0; // set coordinate variables
xp = Math.random()*(doc_width-50); // set position variables
yp = Math.random()*doc_height;
am = Math.random()*20; // set amplitude variables
stx = 0.02 + Math.random()/10; // set step variables
sty = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><a href=\"http://dynamicdrive.com/\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"><\/layer>");
}
} else if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}

function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp += sty;
if (yp > doc_height-50) {
xp = Math.random()*(doc_width-am-30);
yp = 0;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx += stx;
document.layers["dot"+i].top = yp;
document.layers["dot"+i].left = xp + am*Math.sin(dx);
}
setTimeout("snowNS()", 10);
}

function snowIE_NS6() { // IE and NS6 main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp += sty;
if (yp > doc_height-50) {
xp = Math.random()*(doc_width-am-30);
yp = 0;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
doc_width = ns6up?window.innerWidth : document.body.clientWidth;
doc_height = ns6up?window.innerHeight : document.body.clientHeight;
}
dx += stx;
if (ie4up){
document.all["dot"+i].style.pixelTop = yp;
document.all["dot"+i].style.pixelLeft = xp + am*Math.sin(dx);
}
else if (ns6up){
document.getElementById("dot"+i).style.top=yp;
document.getElementById("dot"+i).style.left=xp + am*Math.sin(dx);
}
}
setTimeout("snowIE_NS6()", 10);
}

if (ns4up) {
snowNS();
} else if (ie4up||ns6up) {
snowIE_NS6();
}

</script>
 
Я тоже этим скриптом делаю. Можно любые вещи летающие сделать. А снежинки хорошие еще вот в head вставляютя.

<script language="javascript" src="http://www.dynamic-design.com.ua/develop/script/snow.js"></script>
 
Скрипт..

при наведении на полупрозрачную картинку, являющуюся ссылкой, картинка становится нормальной
Демка вот: http://www.woweb.ru/js/scripts/graphic/042/042.shtml
Создай блокнотом файл, котооый будет называться к примеру 123.js
В нем должен быть следующий текст (текст скрипта):
startColor = "#8297B5";
endColor = "#FFFFFF";

stepIn = 17;
stepOut = 25;
autoFade = false;
sloppyClass = false;

hexa = new makearray(16);
for(var i = 0; i < 10; i++)
hexa = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";

document.onmouseover = domouseover;
document.onmouseout = domouseout;

startColor = dehexize(startColor.toLowerCase());
endColor = dehexize(endColor.toLowerCase());

var fadeId = new Array();

function dehexize(Color){
var colorArr = new makearray(3);
for (i=1; i<7; i++){
for (j=0; j<16; j++){
if (Color.charAt(i) == hexa[j]){
if (i%2 !=0)
colorArr[Math.floor((i-1)/2)]=eval(j)*16;
else
colorArr[Math.floor((i-1)/2)]+=eval(j);
}
}
}
return colorArr;
}

function domouseover() {
if(document.all){
var srcElement = event.srcElement;
if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1))
fade(startColor,endColor,srcElement.uniqueID,stepIn);
}
}

function domouseout() {
if (document.all){
var srcElement = event.srcElement;
if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1))
fade(endColor,startColor,srcElement.uniqueID,stepOut);
}
}

function makearray(n) {
this.length = n;
for(var i = 1; i <= n; i++)
this = 0;
return this;
}

function hex(i) {
if (i < 0)
return "00";
else if (i > 255)
return "ff";
else
return "" + hexa[Math.floor(i/16)] + hexa[i%16];}

function setColor(r, g, b, element) {
var hr = hex(r); var hg = hex(g); var hb = hex(b);
element.style.color = "#"+hr+hg+hb;
}

function fade(s,e, element,step){
var sr = s[0]; var sg = s[1]; var sb = s[2];
var er = e[0]; var eg = e[1]; var eb = e[2];

if (fadeId[0] != null && fade[0] != element){
setColor(sr,sg,sb,eval(fadeId[0]));
var i = 1;
while(i < fadeId.length){
clearTimeout(fadeId);
i++;
}
}

for(var i = 0; i <= step; i++) {
fadeId[i+1] = setTimeout("setColor(Math.floor(" +sr+ " *(( " +step+ " - " +i+ " )/ " +step+ " ) + " +er+ " * (" +i+ "/" +
step+ ")),Math.floor(" +sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " * (" +i+ "/" +step+
")),Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+ ") + " +eb+ " * (" +i+ "/" +step+ ")),"+element+");",i*step);
}
fadeId[0] = element;
}










nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
if (object != "[object]"){ //do this so I can take a string too
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;}

clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;}

delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if (object.filters.alpha.opacity != destOp){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);}}

---
На странице, чтобы скрипт заработал, должно быть такое вот:
в <body> должно быть:
<SCRIPT language=JavaScript src="imgfade.js"></SCRIPT>

А у ссылки в коде вид должен быть примерно такой:
<A href="ссылка" target=_blank>
<IMG onmouseover=nereidFade(this,100,30,10) style="FILTER: alpha(opacity=30)" onmouseout=nereidFade(this,30,50,5) height=31 alt="" src="картинка" width=88 vspace=2 border=0></A>
 
Скрипт добавления в избранное
<script Language="Javascript">
_ var bm_url="http://www.pukas.ru"
_ var bm_titel="Название"
_ function bookmark()
_ {if (document.all)
_ _ window.external.AddFavorite(bm_url,bm_titel)}
</Script>
</Head>
<body OnLoad="bookmark()">
Нажмите для раскрытия...
кнопки меняющие цвет фона
<script Language="JavaScript">
_ var computed = false
_ var decimal = 0
_ function convert (entryform, from, to)
_ _ {convertfrom = from.selectedIndex
_ _ convertto = to.selectedIndex
_ _ entryform.display.value = (entryform.input.value * from[convertfrom].value / to[convertto].value )}
_ function addChar (input, character)
_ _ {if((character=='.' && decimal=="0") || character!='.')
_ _ {(input.value == "" || input.value == "0") ? input.value = character : input.value += character
_ _ _ convert(input.form,input.form.measure1,input.form.measure2)
_ _ _ computed = true
if (character=='.')
_ {decimal=1}}}
_ function openVothcom()
_ _ {window.open("","Display window","toolbar=no,directories=no,menubar=no");}
_ function clear (form)
_ _ {form.input.value = 0
_ _ form.display.value = 0
_ _ decimal=0}
_ function changeBackground(hexNumber)
_ _ {document.bgColor=hexNumber}
</Script>
</head>
<body>
<Form Method="POST" Name="background">
_ <p align="center">
_ <Input Type="button" Value="yellow" OnClick="changeBackground('#fff000')">
_ <Input Type="button" Value="black" OnClick="changeBackground('#000000')">
_ <Input Type="button" Value="white" OnClick="changeBackground('#ffffff')">
_ <Input Type="button" Value="green" OnClick="changeBackground('#00ff00')">
_ <Input Type="button" Value="blue" OnClick="changeBackground('#0000ff')">
_ <Input Type="button" Value="orange" OnClick="changeBackground('#ff8000')">
_ <Input Type="button" Value="gray" OnClick="changeBackground('#c0c0c0')">
_ <Input Type="button" Value="red" OnClick="changeBackground('#ff0000')">
</Form>
</body>
</html>
Нажмите для раскрытия...

Пароль
значит для пароля нужно иметь две странички - на одну мы ставим этот скрипт - это т.е. та страница которую мы защищаем , и вторую страницу(nopass.html) - куда булет перекинут юзер набравший неверный пароль
<script language="JavaScript">
if (top.location.search=="") {
pass = prompt('Введите пароль ');
if (pass=='СЮДА НУЖНО ВВЕСТИ САМ ПАРОЛЬ') { alert('Проходъ!!!') } else { alert('НЕПРАВИЛЬНО:))'), top.location.href="nopass.html" }
};
_ </script>
Нажмите для раскрытия...
 
Календарь
Код: 
<SCRIPT LANGUAGE="JavaScript">
var dDate = new Date();
var dCurMonth = dDate.getMonth();
var dCurDayOfMonth = dDate.getDate();
var dCurYear = dDate.getFullYear();
var objPrevElement = new Object();

function fSetSelectedDay(myElement){
if (myElement.id == "calCell") {
if (!isNaN(parseInt(myElement.children["calDateText"].innerText))) {
myElement.bgColor = "#c0c0c0";
objPrevElement.bgColor = "";
document.all.calSelectedDate.value = parseInt(myElement.children["calDateText"].innerText);
objPrevElement = myElement;
      }
   }
}
function fGetDaysInMonth(iMonth, iYear) {
var dPrevDate = new Date(iYear, iMonth, 0);
return dPrevDate.getDate();
}
function fBuildCal(iYear, iMonth, iDayStyle) {
var aMonth = new Array();
aMonth[0] = new Array(7);
aMonth[1] = new Array(7);
aMonth[2] = new Array(7);
aMonth[3] = new Array(7);
aMonth[4] = new Array(7);
aMonth[5] = new Array(7);
aMonth[6] = new Array(7);
var dCalDate = new Date(iYear, iMonth-1, 1);
var iDayOfFirst = dCalDate.getDay();
var iDaysInMonth = fGetDaysInMonth(iMonth, iYear);
var iVarDate = 1;
var i, d, w;
	if (iDayOfFirst==0)
		{
			iDayOfFirst=6
		}
	else
		{
			iDayOfFirst=iDayOfFirst-1
		}
if (iDayStyle == 2) {
			aMonth[0][0] = "Понедельник";
			aMonth[0][1] = "Вторник";
			aMonth[0][2] = "Среда";
			aMonth[0][3] = "Четверг";
			aMonth[0][4] = "Пятница";
			aMonth[0][5] = "Суббота";
			aMonth[0][6] = "Воскресенье";
		} 
	else 
		if (iDayStyle == 1) 
			{
				aMonth[0][0] = "Пн";
				aMonth[0][1] = "Вт";
				aMonth[0][2] = "Ср";
				aMonth[0][3] = "Чт";
				aMonth[0][4] = "Пт";
				aMonth[0][5] = "Сб";
				aMonth[0][6] = "Вк";
			} 
		else 
			{
				aMonth[0][0] = "Пн";
				aMonth[0][1] = "Вт";
				aMonth[0][2] = "Ср";
				aMonth[0][3] = "Чт";
				aMonth[0][4] = "Пт";
				aMonth[0][5] = "Сб";
				aMonth[0][6] = "Вс";
}
for (d = iDayOfFirst; d < 7; d++) {
aMonth[1][d] = iVarDate;//("<a href='?y="+iYear+"&m="+iMonth+"&d="+d+"{params}'>"+iVarDate+"</a>");
iVarDate++;
}


for (w = 2; w < 7; w++) {
for (d = 0; d < 7; d++) {
if (iVarDate <= iDaysInMonth) {
aMonth[w][d] = iVarDate;
iVarDate++;
      }
   }
}
return aMonth;
}
function fDrawCal(iYear, iMonth, iCellWidth, iCellHeight, sDateTextSize, sDateTextWeight, iDayStyle) {
var myMonth;
myMonth = fBuildCal(iYear, iMonth, iDayStyle);
document.write("<table border='0'>")
document.write("<tr>");
document.write("<td class=calendar>" + myMonth[0][0] + "</td>");
document.write("<td class=calendar>" + myMonth[0][1] + "</td>");
document.write("<td class=calendar>" + myMonth[0][2] + "</td>");
document.write("<td class=calendar>" + myMonth[0][3] + "</td>");
document.write("<td class=calendar>" + myMonth[0][4] + "</td>");
document.write("<td class=calendar>" + myMonth[0][5] + "</td>");
document.write("<td class=calendar>" + myMonth[0][6] + "</td>");
document.write("</tr>");
for (w = 1; w < 7; w++) {
document.write("<tr>")
for (d = 0; d < 7; d++) {
document.write("<td align='left' valign='top' width='" + iCellWidth + "' height='" + iCellHeight + "' id=calCell onclick=fSetSelectedDay(this)>");
if (!isNaN(myMonth[w][d])) {
document.write("<font id=calDateText onclick=fSetSelectedDay(this)><a href='?y="+iYear+"&m="+iMonth+"&d="+myMonth[w][d]+"{params}'>"+myMonth[w][d]+"</a></font>");
} else {
document.write("<font id=calDateText onclick=fSetSelectedDay(this)>_</font>");
}
document.write("</td>")
}
document.write("</tr>");
}
document.write("</table>")
}
function fUpdateCal(iYear, iMonth) {
myMonth = fBuildCal(iYear, iMonth);
objPrevElement.bgColor = "";
document.all.calSelectedDate.value = "";
for (w = 1; w < 7; w++) {
for (d = 0; d < 7; d++) {
if (!isNaN(myMonth[w][d])) {
calDateText[((7*w)+d)-7].innerText = myMonth[w][d];
} else {
calDateText[((7*w)+d)-7].innerText = "_";
         }
      }
   }
}
// End -->
</script>
<form name="frmCalendarSample" method="post" action="">
<input type="hidden" name="calSelectedDate" value="">

<table border="0"><caption>Календарь</caption>
<tr>
<td>
<select name="tbSelMonth" onchange='fUpdateCal(frmCalendarSample.tbSelYear.value, frmCalendarSample.tbSelMonth.value)'>
<option value="1">Январь</option>
<option value="2">Февраль</option>
<option value="3">Март</option>
<option value="4">Апрель</option>
<option value="5">Май</option>
<option value="6">Июнь</option>
<option value="7">Июль</option>
<option value="8">Август</option>

<option value="9">Сентябрь</option>
<option value="10">Октябрь</option>
<option value="11">Ноябрь</option>
<option value="12">Декабрь</option>
</select>
  
<select name="tbSelYear" onchange='fUpdateCal(frmCalendarSample.tbSelYear.value, frmCalendarSample.tbSelMonth.value)'>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
</select>
</td>
</tr>
<tr>
<td>
<script language="JavaScript">
var dCurDate = new Date();
fDrawCal(dCurDate.getFullYear(), dCurDate.getMonth()+1, 30, 30, "12px", "bold", 1);
</script>
</td>
</tr>
</table>
</form>
<script language="JavaScript" for=window event=onload>
<!-- Begin
var dCurDate = new Date();
frmCalendarSample.tbSelMonth.options[dCurDate.getMonth()].selected = true;
for (i = 0; i < frmCalendarSample.tbSelYear.length; i++)
if (frmCalendarSample.tbSelYear.options[i].value == dCurDate.getFullYear())
frmCalendarSample.tbSelYear.options[i].selected = true;
//  End -->
</script>
 
Люди, а подскажите, плз, текст бегающий за мышкой? Буду признательна...
 
Elements
смотря какой тебе нужен, типа бегающей таблички с текстом:
Код: 
<SCRIPT LANGUAGE="JavaScript">
<!--
//
//writed by Vaulter 2004 )
//
function stooltip(show,idname)
{ d=document.getElementById(idname);
  if(show){if(d.style.display=='inline'){//move
	d.style.left=event.x+document.body.scrollLeft+10;
	d.style.top=event.y+document.body.scrollTop+10;//
} else {d.style.left=event.x+document.body.scrollLeft+10; d.style.top=event.y+document.body.scrollTop+10;d.style.display='inline';d.style.position='absolute';}
} else {d.style.display='none';}
}
//-->
</SCRIPT>
<style>
.tt
{ display:none;
overflow:hidden;
width:250px;
border:#C6CDD0 2px outset;
background:#F3F7F9;
}
</style>
и HTML
Код: 
<body onmouseout=stooltip(0,'tt') 
onmousemove=stooltip(1,'tt') 
onmouseover=stooltip(1,'tt')>
<div id=tt class=tt style=width:140px align=left>
Тут ченить свое, типа текста или....голых женщин )</div>
 
Vaulter,нет, спасибо...это не то что я хотела...
мне нужен просто текст бегающий за мышкой: Не в рамочке, просто текст...
 
Elements
попробуй менять класс tt - бэкграунд у него прозрачным сделать....
зы: кстати, пойду попробую сам ))
 
Elements вот скрипт. Бегающая за курсором надпись.
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Надпись за курсором мыши</title>
<style>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:10pt;
font-family:Verdana;
font-weight:bold;
color:black;
}
</style>
</head>

<body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll"
vlink="#0000FF">
</body>
<script>
var x,y
var step=20
var flag=0

var message="Subj Net!!! " // Текст около мышки (обязательно после последней буквы пробел)
message=message.split("")

var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos=-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=xpos[i-1]+step
ypos=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
thisspan.posTop=ypos
}
}

else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos=xpos[i-1]+step
ypos=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
thisspan.top=ypos
}
}
var timer=setTimeout("makesnake()",30)
}

</script>
<script>
<!-- Beginning of JavaScript -

for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message)
document.write("</span>")
}

if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;

// - End of JavaScript - -->
</script>

</html>
 
СКАЖИТЕ ГДЕ СКАЧАТЬ ХОРОШИЙ И ПОЛНЫЙ СПРАВОЧНИК ПО ДЖАВА СКРИПТ!!!!!!!!!!!!!!!!!!!!!!!
 
Бегающий текст за мышкой

ВВот помню была такая штуковина... Сейчас разрабатываю сайт, http://gtaware.hotmail.ru, и решил сделать бегающий текст за мышкой.. Помогите!
 
Попробуй вот такой скрипт:

HTML: 
<div id="dot0" style="HEIGHT: 15px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 15px">
<dd><img border="0" height="15" src="image.gif" width="15"> </dd>
</div><div id="dot1" style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px">
<dd><img border="0" height="15" src="image.gif" width="15"> </dd>
</div><div id="dot2" style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px">
<dd><img border="0" height="15" src="image.gif" width="15"> </dd>
</div><div id="dot3" style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px">
<dd><img border="0" height="15" src="image.gif" width="15"> </dd>
</div><div id="dot4" style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px">
<dd><img border="0" height="15" src="image.gif" width="15"> </dd>
</div><div id="dot5" style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px">
<dd><img border="0" height="15" src="image.gif" width="15"> </dd>
</div><div id="dot6" style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px">
<dd><img border="0" height="15" src="image.gif" width="15"> </dd>
</div><script language="JavaScript">
<!-- hide code
 var nDots = 7;
var Xpos = 0;
var Ypos = 0;
var DELTAT = .01;
var SEGLEN = 10;
var SPRINGK = 10;
var MASS = 1;
var GRAVITY = 50;
var RESISTANCE = 10;
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 10;
var BOUNCE = 0.75;
var isNetscape = navigator.appName=="Netscape";
var followmouse = true;
init();
function init()
{
 var i = 0;
 dots = new Array();
 for (i = 0; i < nDots; i++) {
  dots[i] = new dot(i);
 }
 if (!isNetscape) {
  setInitPositions()
 }
 for (i = 0; i < nDots; i++) {
  dots[i].obj.left = dots[i].X;
  dots[i].obj.top = dots[i].Y;
 }
 if (isNetscape) {
  startanimate();
 } else {
  setTimeout("startanimate()", 3000);
 }
}
function dot(i) 
{
 this.X = Xpos;
 this.Y = Ypos;
 this.dx = 0;
 this.dy = 0;
 if (isNetscape) { 
  this.obj = eval("document.dot" + i);
 } else {
  this.obj = eval("dot" + i + ".style");
 }
}
function startanimate() { 
 setInterval("animate()", 20);
}
function setInitPositions()
{
 var startloc = document.all.tags("LI");
 var i = 0;
 for (i = 0; i < startloc.length; i++) {
  dots[i+1].X = startloc[i].offsetLeft +
     startloc[i].offsetParent.offsetLeft;
  dots[i+1].Y = startloc[i].offsetTop +
     startloc[i].offsetParent.offsetTop +
     DOTSIZE/2;
 }
 dots[0].X = dots[1].X;
 dots[0].Y = dots[1].Y - SEGLEN;
}
  function MoveHandler(e)
{
 Xpos = e.pageX;
 Ypos = e.pageY;   
 return true;
}
function MoveHandlerIE() {
  Xpos = window.event.x;
  Ypos = window.event.y;   
}
if (isNetscape) {
 document.captureEvents(Event.MOUSEMOVE);
 document.onMouseMove = MoveHandler;
} else {
 document.onmousemove = MoveHandlerIE;
}
function vec(X, Y)
{
 this.X = X;
 this.Y = Y;
}
function springForce(i, j, spring)
{
 var dx = (dots[i].X - dots[j].X);
 var dy = (dots[i].Y - dots[j].Y);
 var len = Math.sqrt(dx*dx + dy*dy);
 if (len > SEGLEN) {
  var springF = SPRINGK * (len - SEGLEN);
  spring.X += (dx / len) * springF;
  spring.Y += (dy / len) * springF;
 }
}
function animate() { 
 var start = 0;
 if (followmouse) {
  dots[0].X = Xpos;
  dots[0].Y = Ypos; 
  start = 1;
 }

 for (i = start ; i < nDots; i++ ) {

  var spring = new vec(0, 0);
  if (i > 0) {
   springForce(i-1, i, spring);
  }
  if (i < (nDots - 1)) {
   springForce(i+1, i, spring);
  }
  var resist = new vec(-dots[i].dx * RESISTANCE,
        -dots[i].dy * RESISTANCE);
  var accel = new vec((spring.X + resist.X)/ MASS,
       (spring.Y + resist.Y)/ MASS + GRAVITY);
         dots[i].dx += (DELTAT * accel.X);
  dots[i].dy += (DELTAT * accel.Y);
    if (Math.abs(dots[i].dx) < STOPVEL &&
      Math.abs(dots[i].dy) < STOPVEL &&
      Math.abs(accel.X) < STOPACC &&
   Math.abs(accel.Y) < STOPACC) {
    dots[i].dx = 0;
    dots[i].dy = 0;
  }
  dots[i].X += dots[i].dx;
  dots[i].Y += dots[i].dy;
  var height, width;
  if (isNetscape) {
      height = window.innerHeight;
      width = window.innerWidth;
  } else { 
      height = document.body.clientHeight;
      width = document.body.clientWidth;
  }
  if (dots[i].X < 0) {
   if (dots[i].dx < 0) {
    dots[i].dx = BOUNCE * -dots[i].dx;
   }
   dots[i].X = 0;
  }
  dots[i].obj.left = dots[i].X;   
  dots[i].obj.top =  dots[i].Y;  
 }
}
// -->
</script>
<p><font size="1"><script language="JavaScript"><!--
function closeIt() {
  close();
}
// -->
</script>

В общем надо еще создать картинку (в тексте скрипта она называется image.gif, но можешь назвать и по другому, изменив также название картинки в самом скрипте, если картинка будет лежать в другой папке на сервере, допустим images, то надо еще прописать путь src="images/image.gif"
 
а зачем картинку? Мне ведь не картинка нужна, а текст... Тоесть чтоб текст бегал за мышью
 
пфф... Тогда надо на каждую букву делать картинку... А без этого никак?
 
Вот скрипт который тебе нужно... ничего уже сам делать не хочешь
Код: 
<STYLE>.spanstyle {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; VISIBILITY: visible; COLOR: red; FONT-FAMILY: Verdana; POSITION: absolute; TOP: -50px
}
</STYLE>
<BODY style="OVERFLOW-Y: scroll; OVERFLOW-X: hidden; WIDTH: 100%" vLink=#0000ff 
onload=makesnake()>
<SCRIPT>
var x,y
var step=20
var flag=0
 
var message="Достали вы меня уже... "

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)
}
 
</SCRIPT>

<SCRIPT>
<!-- 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>
 
Войдите или зарегистрируйтесь для ответа.

Похожие темы

Trotil
JavaScript: ссылки, книги, документация
Ответы
0
Просмотры
3K
Trotil
Trotil
P
На новой технологии JavaScript: Виртуальная Клавиатура
Ответы
4
Просмотры
6K
PavelUSA
P
C
Меню выпадающее на javascript
Ответы
3
Просмотры
3K
Lenusik
Lenusik
Выворотень
Ил-2: Штурмовик / Забытые сражения / Перл Харбор (объединенная)
Ответы
5
Просмотры
9K
Выворотень
Выворотень
phaust_
Проголосуйте/поддержите, пожалуйста! (объединенная)
9 10 11
Ответы
211
Просмотры
46K
EnAmorada
EnAmorada
Назад
Сверху