Музыка при входе на ваш форум.
<center><embed src='ссылка на мелодию' width=77 height=27 loop=-1 autostart=true border=0></center>
Бегущая строка!Я соединил две пред идущих и вот что вышло!
<marquee behavior="scroll" direction="RIGHT" scrolldelay="100" <center><font color=Red>Ваш текст</font></center></marquee>
Оболденный скрипт! отсчёт до выбранной даты
<script type="text/javascript"> function cdtime(container, targetdate){ if (!document.getElementById || !document.getElementById(container)) return this.container=document.getElementById(container) this.currentTime=new Date() this.targetdate=new Date(targetdate) this.timesup=false this.updateTime() } cdtime.prototype.updateTime=function(){ var thisobj=this this.currentTime.setSeconds(this.currentTime.getSeconds()+1) setTimeout(function(){thisobj.updateTime()}, 1000) } cdtime.prototype.displaycountdown=function(baseunit, functionref){ this.baseunit=baseunit this.formatresults=functionref this.showresults() } cdtime.prototype.showresults=function(){ var thisobj=this var timediff=(this.targetdate-this.currentTime)/1000 if (timediff<0){ this.timesup=true this.container.innerHTML=this.formatresults() return } var oneSecond=100 var oneMinute=60 var oneHour=60*60 var oneDay=60*60*24 var dayfield=Math.floor(timediff/oneDay) var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour) var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute) var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute)) var milisecondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute-secondfield*oneSecond)) if (this.baseunit=="hours"){ hourfield=dayfield*24+hourfield dayfield="n/a" } else if (this.baseunit=="minutes"){ minutefield=dayfield*24*60+hourfield*60+minutefield dayfield=hourfield="n/a" } else if (this.baseunit=="seconds"){ var secondfield=timediff dayfield=hourfield=minutefield="n/a" } this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield, milisecondfield) setTimeout(function(){thisobj.showresults()}, 1000) } function formatresults(){ if (this.timesup==false){ var displaystring="<b>"+arguments[0]+" д "+arguments[1]+" ч "+arguments[2]+" м <font color=red> "+arguments[3]+"</font> с </b>" } else{ var displaystring="Лето уже закончилось :(" } return displaystring } </script> <center> <h1 class='diary'>До начала лета осталось</h1><br><br> <h1><div id="countdowncontainer"></div></h2> <br /><br /> </center> <script type="text/javascript"> var futuredate=new cdtime("countdowncontainer", "June 1, 2008 00:00:00") futuredate.displaycountdown("days", formatresults) </script>
Немного комментариев по изменению
Цитата:
<h1 class='diary'>До начала лета осталось</h1><br><br>
Тут меняем заголовок.
Цитата:
var futuredate=new cdtime("countdowncontainer", "June 1, 2008 00:00:00")
Тут устанавливаем дату. Соблюдайте формат даты.
Постепенно набирающееся название форума :
Код:
<script> var tit = document.title; var c = 0; function writetitle() { document.title = tit.substring(0,c); if(c==tit.length) { c = 0;setTimeout("writetitle()", 3000) } else { c++; setTimeout("writetitle()", 200) } } writetitle() </script>
Статус ICQ (в сети, не в сети)
Код:
<script Language="JavaScript"> var arr=document.getElementsByTagName("li") i=0 while(arr[i] ){ if(arr[i].className=="pa-icq"){ icq=arr[i].innerHTML icq=icq.substring(5) arr[i].innerHTML="<a href=\"http://www.icq.com/whitepages/about_me.php?uin="+icq+"\"><img src='http://status.icq.com/online.gif?icq="+icq+"&img=5' align='absmiddle'></a>"+" "+icq+"" } i++ } </script>
Ссылки которые при наведении курсора переливаються цветами : (Работает только в Internet Explorer)
Код:
<script language="Javascript"> var rate = 20; var obj; var act = 0; var elmH = 0; var elmS = 128; var elmV = 255; var clrOrg; var TimerID; if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) { Browser = true; } else { Browser = false;} if (Browser) { document.onmouseover = doRainbowAnchor; document.onmouseout = stopRainbowAnchor;} function doRainbow(){ if (Browser && act != 1) { act = 1; obj = event.srcElement; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100);}} function stopRainbow(){ if (Browser && act != 0) { obj.style.color = clrOrg; clearInterval(TimerID); act = 0;}} function doRainbowAnchor(){ if (Browser && act != 1) { obj = event.srcElement; while (obj.tagName != 'A' && obj.tagName != 'BODY') { obj = obj.parentElement; if (obj.tagName == 'A' || obj.tagName == 'BODY') break;} if (obj.tagName == 'A' && obj.href != '') { act = 1;//osw clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100);}}} function stopRainbowAnchor(){ if (Browser && act != 0) { if (obj.tagName == 'A') { obj.style.color = clrOrg; clearInterval(TimerID); act = 0;}}} function ChangeColor(){ obj.style.color = makeColor();} function makeColor(){ if (elmS == 0) { elmR = elmV; elmG = elmV; elmB = elmV;} else { t1 = elmV; t2 = (255 - elmS) * elmV / 255; t3 = elmH % 60; t3 = (t1 - t2) * t3 / 60; if (elmH < 60) { elmR = t1; elmB = t2; elmG = t2 + t3;} else if (elmH < 120) { elmG = t1; elmB = t2; elmR = t1 - t3;} else if (elmH < 180) { elmG = t1; elmR = t2; elmB = t2 + t3;} else if (elmH < 240) { elmB = t1; elmR = t2; elmG = t1 - t3;} else if (elmH < 300) { elmB = t1; elmG = t2; elmR = t2 + t3;} else if (elmH < 360) { elmR = t1; elmG = t2; elmB = t1 - t3;} else { elmR = 0; elmG = 0; elmB = 0;}} elmR = Math.floor(elmR); elmG = Math.floor(elmG); elmB = Math.floor(elmB); clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16); elmH = elmH + rate; if (elmH >= 360) elmH = 0; return clrRGB;}</script>
Вставляем флеш :
Код:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="Шырина" height="Высота"><param name=movie value="Адрес флешки"><param name=quality value=high><embed src="Адрес флешки" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="Шырина" height="Высота"></embed></object>
Работающий статус ICQ в обьявлении :
Код:
<a href="http://people.icq.com/people/about_me.php?uin=вашномер аськи" target="_blank"><img src="http://status.icq.com/online.gif?icq=Ваш номер аськи&img=5" alt="Постучать к : НИК"></a>
Пример :
Код:
<a href="http://people.icq.com/people/about_me.php?uin=111111111" target="_blank"><img src="http://status.icq.com/online.gif?icq=111111111&img=5" alt="Постучаться к : Юнайтед"></a>
Сделать стартовой (кнопка, ставим в обьявление) :
Код:
<a href="javascript:;" style="text-decoration:none" onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('Адрес вашего форума'); return false;" ><img src="http://c.foto.radikal.ru/0605/3e86026d286a.gif" border="0" align="bottom" title="Сделать стартовой" alt="Сделать стартовой" style="margin-bottom:0" width="16" height="16"></a>
Добавить в избранное (кнопка, ставим в обьявление) : Код:
<A HREF="#" ONCLICK='window.external.AddFavorite(location.href,document.title);return false'><img src=http://c.foto.radikal.ru/0605/a4a32a5d75a6.gif alt="Добавить в Избранное" border="0" title="Добавить в Избранное"></A>
Прикольный дождь для форума, работает только в IE
Цитата:
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin var no = 50; var speed = 1; var ns4up = (document.layers) ? 1 : 0; var ie4up = (document.all) ? 1 : 0; var s, x, y, sn, cs; var a, r, cx, cy; var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } x = new Array(); y = new Array(); r = new Array(); cx = new Array(); cy = new Array(); s = 8; for (i = 0; i < no; ++ i) { initRain(); if (ns4up) { if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"1\" "); document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">"); document.write(",</font></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"1\" "); document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">"); document.write(",</font></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">"); document.write(",</font></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">"); document.write(",</font></div>"); } } } function initRain() { a = 6; r[i] = 1; sn = Math.sin(a); cs = Math.cos(a); cx[i] = Math.random() * doc_width + 1; cy[i] = Math.random() * doc_height + 1; x[i] = r[i] * sn + cx[i]; y[i] = cy[i]; } function makeRain() { r[i] = 1; cx[i] = Math.random() * doc_width + 1; cy[i] = 1; x[i] = r[i] * sn + cx[i]; y[i] = r[i] * cs + cy[i]; } function updateRain() { r[i] += s; x[i] = r[i] * sn + cx[i]; y[i] = r[i] * cs + cy[i]; } function raindropNS() { for (i = 0; i < no; ++ i) { updateRain(); if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) { makeRain(); doc_width = self.innerWidth; doc_height = self.innerHeight; } document.layers["dot"+i].top = y[i]; document.layers["dot"+i].left = x[i]; } setTimeout("raindropNS()", speed); } function raindropIE() { for (i = 0; i < no; ++ i) { updateRain(); if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) { makeRain(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } document.all["dot"+i].style.pixelTop = y[i]; document.all["dot"+i].style.pixelLeft = x[i]; } setTimeout("raindropIE()", speed); } if (ns4up) { raindropNS(); } else if (ie4up) { raindropIE(); } // End --> </script>
Снежинки, рабочий.
Цитата:
<script language="JavaScript" type="text/javascript"> if (top.location != location) { top.location.href = document.location.href ; } </script> <link rel="stylesheet" href="templates/snowSilver/snowSilver.css" type="text/css"> <script> // Set the number of snowflakes (more than 30 - 40 not recommended) var snowmax=35 // Set the colors for the snow. Add as many colors as you like var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD") // Set the fonts, that create the snowflakes. Add as many fonts as you like var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS") // Set the letter that creates your snowflake (recommended:*) var snowletter="*" // Set the speed of sinking (recommended values range from 0.3 to 2) var sinkspeed=2 // Set the maximal-size of your snowflaxes var snowmaxsize=30 // Set the minimal-size of your snowflaxes var snowminsize=10 // Set the snowing-zone // Set 1 for all-over-snowing, set 2 for left-side-snowing // Set 3 for center-snowing, set 4 for right-side-snowing var snowingzone=1 /////////////////////////////////////////////////////////////////////////// // CONFIGURATION ENDS HERE /////////////////////////////////////////////////////////////////////////// // Do not edit below this line var snow=new Array() var marginbottom var marginright var timer var i_snow=0 var x_mv=new Array(); var crds=new Array(); var lftrght=new Array(); var browserinfos=navigator.userAgent var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/) var ns6=document.getElementById&&!document.all var opera=browserinfos.match(/Opera/) var browserok=ie5||ns6||opera function randommaker(range) { rand=Math.floor(range*Math.random()) return rand } function initsnow() { if (ie5 || opera) { marginbottom = document.body.clientHeight marginright = document.body.clientWidth } else if (ns6) { marginbottom = window.innerHeight marginright = window.innerWidth } var snowsizerange=snowmaxsize-snowminsize for (i=0;i<=snowmax;i++) { crds[i] = 0; lftrght[i] = Math.random()*15; x_mv[i] = 0.03 + Math.random()/10; snow[i]=document.getElementById("s"+i) snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)] snow[i].size=randommaker(snowsizerange)+snowminsize snow[i].style.fontSize=snow[i].size snow[i].style.color=snowcolor[randommaker(snowcolor.length)] snow[i].sink=sinkspeed*snow[i].size/5 if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)} if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)} if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4} if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2} snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size) snow[i].style.left=snow[i].posx snow[i].style.top=snow[i].posy } movesnow() } function movesnow() { for (i=0;i<=snowmax;i++) { crds[i] += x_mv[i]; snow[i].posy+=snow[i].sink snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]); snow[i].style.top=snow[i].posy if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){ if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)} if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)} if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4} if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2} snow[i].posy=0 } } var timer=setTimeout("movesnow()",50) } for (i=0;i<=snowmax;i++) { document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>") } if (browserok) { window.onload=initsnow } </script> <script language="Javascript" type="text/javascript"> <!-- if ( 0 ) { window.open('privmsg.php?mode=newpm&mforum=amazonka', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');; } //--> </script>
Надпись, меняющаяся в зависимости от дня недели.
Цитата:
<center> <h3><Script Language="JavaScript" type="text/javascript"> /* если вы хотите один цвет на все дни то удалите <font color=#ff0000> ... </font> в нутри строк document.write и задайте его с наруже блока <script>*/ now = new Date() if (now.getDay() == 0) document.write("<font color=#ff6600>Воскресенье. Можно сесть все варенье.</font>") if (now.getDay() == 1) document.write("<font color=#ccff00>Понедельник - день тяжелый!</font>") if (now.getDay() == 2) document.write("<font color=#ccff00>Вторник.</font>") if (now.getDay() == 3) document.write("<font color=#ffcc00>Среда. Работа есть вседа.</font>") if (now.getDay() == 4) document.write("<font color=#ccff00>Четверг. У Вас дождик?</font>") if (now.getDay() == 5) document.write("<font color=#ccff00>Пятница. Обычно 13. Остерегаятесь черных котов.</font>") if (now.getDay() == 6) document.write("<font color=#ff6600>Субота. Забыта вся работа.</font>") </Script></h3> <p> <Script language=JavaScript> <!--.. function closeIt() { close(); } // --> </Script></p> </center>
Сияющая надпись (видно только в IE)
Цитата:
<span id="theText" style="width:100%; color: #006600"> <h1><strong> Сияние надписи</strong></h1> </span> <script> <!-- //величина сияния от и до var from = 1; var to = 7; //скорсть сияния var delay = 60; //цвет сияния, имя в rgb (пример:'#ffff33') или именованный var glowColor = "#ffff00'"; //не менять!!! var i = to; var j = 0; textPulseDown(); function textPulseUp() { if (!document.all) return if (i < to) { theText.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")"; i++; theTimeout = setTimeout('textPulseUp()',delay); return 0; } if (i = to) { theTimeout = setTimeout('textPulseDown()',delay); return 0; } } function textPulseDown() { if (!document.all) return if (i > from) { theText.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")"; i--; theTimeout = setTimeout('textPulseDown()',delay); return 0; } if (i = from) { theTimeout = setTimeout('textPulseUp()',delay); return 0; } } //--> </script>
Квадратики летающие за курсором (работает в IE).
Цитата:
<div id="dot0" style="HEIGHT: 15px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 15px"><dd><img border="0" height="15" src="../gif/snegok.gif" width="15"></dd></div> <div id="dot1" style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px"><dd><img border="0" height="15" src="snegok.gif" width="15"></dd></div> <div id="dot2" style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px"><dd><img border="0" height="15" src="snegok.gif" width="15"></dd></div> <div id="dot3" style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px"><dd><img border="0" height="15" src="snegok.gif" width="15"></dd></div> <div id="dot4" style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px"><dd><img border="0" height="15" src="snegok.gif" width="15"></dd></div> <div id="dot5" style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px"><dd><img border="0" height="15" src="snegok.gif" width="15"></dd></div> <div id="dot6" style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px"><dd><img border="0" height="15" src="snegok.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>
Мерцающие точки около курсора
Цитата:
<script language="JavaScript"> function YY_Layerfx(yyleft,yytop,yyfnx,yyfny,yydiv,yybilder,yyloop,yyto,yycnt,yystep) { //v1.2 if ((document.layers)||(document.all)){ with (Math) {yynextx= eval(yyfnx)} with (Math) {yynexty= eval(yyfny)} yycnt=(yyloop && yycnt>=yystep*yybilder)?0:yycnt+yystep; if (document.layers){ eval(yydiv+".top="+(yynexty+yytop)) eval(yydiv+".left="+(yynextx+yyleft)) } if (document.all){ eval("yydiv=yydiv.replace(/.layers/gi, '.all')"); eval(yydiv+".style.pixelTop="+(yynexty+yytop)); eval(yydiv+".style.pixelLeft="+(yynextx+yyleft)); } argStr='YY_Layerfx('+yyleft+','+yytop+',"'+yyfnx+'","'+yyfny+'","'+yydiv+'",'+yybilder+','+yyloop+','+yyto+','+yycnt+','+yystep+')'; if (yycnt<=yystep*yybilder){eval(yydiv+".yyto=setTimeout(argStr,yyto)");} }} function YY_Mousetrace(evnt) { if (yyns4) {if (evnt.pageX) {yy_ml=evnt.pageX; yy_mt=evnt.pageY;} } else{ yy_ml=(event.clientX + document.body.scrollLeft); yy_mt=(event.clientY + document.body.scrollTop);} if (yy_tracescript)eval(yy_tracescript)} </script> <div id="yyd0" style="position:absolute; left:10px; top:50px; width:3px; height:3px; z-index:1; background-color: #19636c; layer-background-color: #19636c; border: 1px none #000000; clip: rect(0 3 3 0)"></div> <div id="yyd1" style="position:absolute; left:20px; top:50px; width:3px; height:3px; z-index:1; background-color: #708574; layer-background-color: #708574; border: 1px none #000000; clip: rect(0 3 3 0)"></div> <div id="yyd2" style="position:absolute; left:30px; top:50px; width:3px; height:3px; z-index:1; background-color: #379bbf; layer-background-color: #379bbf; border: 1px none #000000; clip: rect(0 3 3 0)"></div> <div id="yyd3" style="position:absolute; left:40px; top:50px; width:3px; height:3px; z-index:1; background-color: #25184c; layer-background-color: #25184c; border: 1px none #000000; clip: rect(0 3 3 0)"></div> <div id="yyd4" style="position:absolute; left:50px; top:50px; width:3px; height:3px; z-index:1; background-color: #31bd3c; layer-background-color: #31bd3c; border: 1px none #000000; clip: rect(0 3 3 0)"></div> <div id="yyd5" style="position:absolute; left:60px; top:50px; width:3px; height:3px; z-index:1; background-color: #c11efd; layer-background-color: #c11efd; border: 1px none #000000; clip: rect(0 3 3 0)"></div> <script> var yyns4=window.Event?true:false; var yy_mt = 0; var yy_ml = 0; document.onmousemove = YY_Mousetrace; yy_tracescript = ''; if (yyns4){ document.captureEvents(Event.mousemove); YY_Mousetrace('',',document.YY_Mousetrace1')} YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/39.83007847812662))+0)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/34.224861639800686))+0)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd0\']',2000,true,80,0,1); YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/27.66510707209673))+30)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/9.240632767417667))+30)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd1\']',2000,true,80,0,1); YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/16.45318944579641))+60)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/16.0564452288292))+60)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd2\']',2000,true,80,0,1); YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/6.95348954836835))+90)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/44.13697049887155))+90)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd3\']',2000,true,80,0,1); YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/33.90077294583733))+120)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/2.2378828869411587))+120)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd4\']',2000,true,80,0,1); YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/37.858312521039835))+150)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/18.083839795990098))+150)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd5\']',2000,true,80,0,1); </script>
Подпрыгивающее слово или фраза
<html> <head> <title>Подпрыгивающее слово или фраза</title> <script language="JavaScript"> <!-- var rad = 100; var xoff = 350; var yoff = 120; var pi = Math.PI; var inc = pi/40; var pos=0; function move() { pos += inc; if (pos>= pi ) {pos=0;} obj.left = xoff; obj.top = -(rad * Math.sin(pos)) + yoff; setTimeout("move()", 50); } --> </script> </head> <body> <div id="obj" style="position:absolute; left:400px; top:10px; width:10px; height:31px"><font face="Arial" color="#00cc00"><strong>Прыг!</strong></font></div> <script language="JavaScript"> <!-- var NN = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4); var obj = (NN) ? document.obj : document.all.obj.style; move(); --> </script> </body> </html>
Часы в заголовке окна.
<html> <head> <title>Часы в заголовке окна</title> <script language="JavaScript"> timestr = "00:00:00"; tid = 0; pause = 0; var to; var bcount; var tcount; function writer(){ document.write("test"); } function time(n) { tid=window.setTimeout("time(1)",to); today = new Date() if(today.getMinutes() < 10){ pad = "0"} else pad = ""; if(today.getSeconds() < 10){ pads = "0"} else pads = ""; timestr=today.getHours()+":"+pad+today.getMinutes()+":"+pads+today.getSeconds(); document.title = timestr; window.clearTimeout(tid); tid=window.setTimeout("time()",to); } function start(x) { f=x; to=60; time(x); } function cleartids() { window.clearTimeout(tid); } </script> </head> <body onload="start(document.forms[0])" onunload="cleartids()"> </body> </html>
Круглые часы, возможно различное разположение, (возможно закребление к углу окна браузера)
<head> <title>Часы круглые (возможно различное разположение, возможно закребление к углу окна браузера)</title> </head> <body> <SCRIPT language=JavaScript> fCol='#99ff00'; //цвет цифр на циферблате. sCol='#99ff00'; //Цвет секундных стрелок. mCol='#99ff00'; //цвет минутных стрелок. hCol='#99ff00'; //Цвет часовых стрелок. Ybase=40; //Высота часов. Xbase=40; //Ширина часов. H='...'; H=H.split(''); M='....'; M=M.split(''); S='.....'; S=S.split(''); NS4=(document.layers); NS6=(document.getElementById&&!document.all); IE4=(document.all); Ypos=0; Xpos=0; dots=12; Split=360/dots; if (NS6){ for (i=1; i < dots+1; i++){ document.write('<div id="n6Digits'+i+'" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial;font-size:10px;color:#'+fCol+';text-align:center;padding-top:10px">'+i+'</div>'); } for (i=0; i < M.length; i++){ document.write('<div id="Ny'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+mCol+'"></div>'); } for (i=0; i < H.length; i++){ document.write('<div id="Nz'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+hCol+'"></div>'); } for (i=0; i < S.length; i++){ document.write('<div id="Nx'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+sCol+'"></div>'); } } if (NS4){ dgts='1 2 3 4 5 6 7 8 9 10 11 12'; dgts=dgts.split(' ') for (i=0; i < dots; i++){ document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30><center><font face=Arial size=1 color='+fCol+'>'+dgts[i]+'</font></center></layer>'); } for (i=0; i < M.length; i++){ document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>'); } for (i=0; i < H.length; i++){ document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>'); } for (i=0; i < S.length; i++){ document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>'); } } if (IE4){ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=1; i < dots+1; i++){ document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px; font-family:Arial;font-size:10px;color:'+fCol+'; text-align:center;padding-top:10px">'+i+'</div>'); } document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < M.length; i++){ document.write('<div id=y style="position:absolute;width:2px; height:2px;font-size:2px;background:'+mCol+'"></div>'); } document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < H.length; i++){ document.write('<div id=z style="position:absolute;width:2px; height:2px;font-size:2px;background:'+hCol+'"></div>'); } document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < S.length; i++){ document.write('<div id=x style="position:absolute;width:2px;height:2px; font-size:2px;background:'+sCol+'"></div>'); } document.write('</div></div>') } function clock(){ time = new Date (); secs = time.getSeconds(); sec = -1.57 + Math.PI * secs/30; mins = time.getMinutes(); min = -1.57 + Math.PI * mins/30; hr = time.getHours(); hrs = -1.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360; if (NS6){ Ypos=window.pageYOffset+window.innerHeight-Ybase-25; Xpos=window.pageXOffset+window.innerWidth-Xbase-30; for (i=1; i < dots+1; i++){ document.getElementById("n6Digits"+i).style.top=Ypos-15+Ybase*Math.sin(-1.56 +i *Split*Math.PI/180) document.getElementById("n6Digits"+i).style.left=Xpos-15+Xbase*Math.cos(-1.56 +i*Split*Math.PI/180) } for (i=0; i < S.length; i++){ document.getElementById("Nx"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(sec); document.getElementById("Nx"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(sec); } for (i=0; i < M.length; i++){ document.getElementById("Ny"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(min); document.getElementById("Ny"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(min); } for (i=0; i < H.length; i++){ document.getElementById("Nz"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(hrs); document.getElementById("Nz"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(hrs); } } if (NS4){ Ypos=window.pageYOffset+window.innerHeight-Ybase-20; Xpos=window.pageXOffset+window.innerWidth-Xbase-30; for (i=0; i < dots; ++i){ document.layers["nsDigits"+i].top=Ypos-5+Ybase*Math.sin(-1.045 +i*Split*Math.PI/180) document.layers["nsDigits"+i].left=Xpos-15+Xbase*Math.cos(-1.045 +i*Split*Math.PI/180) } for (i=0; i < S.length; i++){ document.layers["nx"+i].top=Ypos+i*Ybase/4.1*Math.sin(sec); document.layers["nx"+i].left=Xpos+i*Xbase/4.1*Math.cos(sec); } for (i=0; i < M.length; i++){ document.layers["ny"+i].top=Ypos+i*Ybase/4.1*Math.sin(min); document.layers["ny"+i].left=Xpos+i*Xbase/4.1*Math.cos(min); } for (i=0; i < H.length; i++){ document.layers["nz"+i].top=Ypos+i*Ybase/4.1*Math.sin(hrs); document.layers["nz"+i].left=Xpos+i*Xbase/4.1*Math.cos(hrs); } } if (IE4){ Ypos=document.body.scrollTop+window.document.body.clientHeight-Ybase-20; Xpos=document.body.scrollLeft+window.document.body.clientWidth-Xbase-20; /* чтобы часики сместились необходимо изменить две приведущие строчки Верхняя строчка может иметь следующий вид Ypos=document.body.scrollTop+window.document.body.clientHeight-Ybase-20; Ypos=document.body.scrollTop+Ybase+20; число 20 можно менять Вторую строчку аналогично*/ for (i=0; i < dots; ++i){ ieDigits[i].style.pixelTop=Ypos-15+Ybase*Math.sin(-1.045 +i *Split*Math.PI/180) ieDigits[i].style.pixelLeft=Xpos-15+Xbase*Math.cos(-1.045 +i *Split*Math.PI/180) } for (i=0; i < S.length; i++){ x[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(sec); x[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(sec); } for (i=0; i < M.length; i++){ y[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(min); y[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(min); } for (i=0; i < H.length; i++){ z[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(hrs); z[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(hrs); } } setTimeout('clock()',100); } clock(); //--> </script> </body> </html>
Взято с http://support.mybb2.ru .