NNR - Главная

	a
Наш форум \| Добавить в Избранное \| Сделать Домашней Страницей

Скрипты #4

Простые статические часики

Скрипт (вставляем в body) выглядит просто

Текущая дата

Тут, вроде, все понятно. Скрипт вставляем в body:

Динамические часики

Показывают текущее время, которое меняется динамически. Ниже показана внутренность BODY. Не забываем, что в body нужно предварительно загрузить функцию show5()!!!

<BODY onLoad="show5()"> <span id="liveclock" style="position:absolute;left:0;top:0;"> </span> <script language="JavaScript">  </script> </BODY>

Динамические часики с тенью

Показывают текущее время, которое меняется динамически.

<body onLoad="showTime()"> <script>  </script> <div id="clock" style="position: absolute; top: 110; left: 13; color: #11a6ff; font-family: Verdana; font-size: 20px; font-weight: bold; width: 110; height: 33"> </div> <div id="clock1" style="position: absolute; z-index: -1; top: 112; left: 15; color: #a0a0a0; font-family: Verdana; font-size: 20px; font-weight: bold; width: 120; height: 30"> </div> </body>

Динамические часики в строке состояния браузера

Показывают текущее время в StatusBar'e

<body onLoad="timesost()"> <script Language="JavaScript"> var timerID = null; var timerRunning = false; function stopclock (){ if(timerRunning) clearTimeout(timerID); timerRunning = false; } function showtime () { var now = new Date(); var hours = now.getHours(); //fantasyflash.narod.ru var minutes = now.getMinutes(); var seconds = now.getSeconds() var timeValue = "" + ((hours >12) ? hours -12 :hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? " " : " "//osw window.status = timeValue; timerID = setTimeout("showtime()",1000); timerRunning = true; } function timesost() { stopclock(); showtime(); } </script> </body>

Веселые звездочки вертятся за курсором

Зеленые пятиконечные звездочки вертятся в хороводе вокруг курсора. Звездочки можно заменить на любые другие картинки (можно все разные)

<BODY onload=startthedots()> <SCRIPT language=JavaScript> window.onerror=null; netscape = (document.layers) ? 1:0; goodIE = (document.all) ? 1:0; document.onmousemove=MoveHandler; var gotthere = 0; var count = 0; var ietopcorner='' var ieleftcorner='' toplocation = new Array( 0,30,57,80,101,125,80,80,101,125,80,0 ); temptoplocation = new Array( 50,100,100,150,150,200,200,100,150,150,200,200,0 ); leftlocation = new Array( 0,292,318,181,181,217,263,318,181,181,217,263,-96 ); templeftlocation = new Array( 0,0,260,390,420,550,680,390,420,550,680,0 ); difftop = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 ); diffleft = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 ); questtop = -13;//osw questleft2 = -96; if (netscape) { document.body=new Object() document.body.scrollTop='' document.body.scrollLeft='' window.captureEvents(Event.MOUSEMOVE); window.onMouseMove = MoveHandler; var layerstart = "document."; var layerleft = ".left"; var layertop = ".top"; var layerstyle = ""; var windowWidth = window.innerWidth; var windowHeight = window.innerHeight; } else if (goodIE) { ietopcorner=document.body.scrollTop ieleftcorner=document.body.scrollLeft layerstart = "document.all."; layerleft = ".left"; layertop = ".top"; layerstyle = ".style"; windowWidth=600; windowHeight=400; } var Ypos2 = 72; var Xpos2 = 72; function MoveHandler(e) { if (netscape || goodIE) { Xpos2 = (netscape)?e.pageX:event.x Ypos2 = (netscape)?e.pageY:event.y Xorigin = Xpos2; Yorigin = Ypos2; //fantasyflash.narod.ru if (Ypos2 > windowHeight/2) { if (Xpos2 > windowWidth/2) { direction = 1;} else { direction = -1;} } else { if (Xpos2 > windowWidth/2) { direction = -1;} else { direction = 1;} } }} function startthedots() { if (goodIE) { windowWidth=document.body.clientWidth; windowHeight=document.body.clientHeight; } Xorigin = 204; Yorigin = 147;//osw spin();run(); } var OrbitSize = 200; count=1; delay=100; direction = -1; Count = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 ); Xpoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 ); Ypoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 ); var speed = -0.06; var offset = 1; function spin() { for ( j = 0 ; j <= 9 ; j++ ) { Count[j] = Count[j] + (speed*direction); Xpoint[j] = Xorigin + ((OrbitSize*Math.sin(Count[j])*offset)); Ypoint[j] = Yorigin + (OrbitSize*Math.cos(Count[j])); } setTimeout('spin()',3); } function run() { count++; for ( j = 0 ; j <= 9 ; j++ ) { difftop[j] = Ypoint[j] - temptoplocation[j]; diffleft[j] = Xpoint[j] - templeftlocation[j]; diff = 30; temptoplocation[j] = temptoplocation[j] + difftop[j]/diff; templeftlocation[j] = templeftlocation[j] + diffleft[j]/diff; eval(layerstart+"a"+j+layerstyle+layerleft+" = document.body.scrollLeft+templeftlocation["+j+"]"); eval(layerstart+"a"+j+layerstyle+layertop+" = document.body.scrollTop+temptoplocation["+j+"]"); } setTimeout('run()', 25) } badIE = 0; browserName = navigator.appName.substring(0,8); browserVer = parseFloat(navigator.appVersion); macintosh = navigator.userAgent.indexOf("Mac"); if (browserName == "Microsof") { if (macintosh != -1) { badIE = 1; } if (browserVer < 4) { badIE = 1; } } </SCRIPT> <STYLE type=text/css>#a0 { Z-INDEX: 2000; LEFT: -24px; WIDTH: 9px; CLIP: rect(0px 9px 9px 0px); POSITION: absolute; TOP: -24px; HEIGHT: 25px } #a1 { Z-INDEX: 2000; LEFT: 96px; WIDTH: 9px; CLIP: rect(0px 9px 9px 0px); POSITION: absolute; TOP: -24px; HEIGHT: 25px } #a2 { Z-INDEX: 2000; LEFT: 216px; WIDTH: 9px; CLIP: rect(0px 9px 9px 0px); POSITION: absolute; TOP: -24px; HEIGHT: 25px } #a3 { Z-INDEX: 2000; LEFT: 338px; WIDTH: 9px; CLIP: rect(0px 9px 9px 0px); POSITION: absolute; TOP: -24px; HEIGHT: 25px } #a4 { Z-INDEX: 2000; LEFT: 460px; WIDTH: 9px; CLIP: rect(0px 9px 9px 0px); POSITION: absolute; TOP: -24px; HEIGHT: 25px } #a5 { Z-INDEX: 2000; LEFT: 640px; WIDTH: 9px; CLIP: rect(0px 9px 9px 0px); POSITION: absolute; TOP: -24px; HEIGHT: 25px } #a6 { Z-INDEX: 2000; LEFT: -24px; WIDTH: 9px; CLIP: rect(0px 9px 9px 0px); POSITION: absolute; TOP: -24px; HEIGHT: 25px } #a7 { Z-INDEX: 2000; LEFT: 200px; WIDTH: 9px; CLIP: rect(0px 9px 9px 0px); POSITION: absolute; TOP: -24px; HEIGHT: 25px } #a8 { Z-INDEX: 2000; LEFT: 300px; WIDTH: 9px; CLIP: rect(0px 9px 9px 0px); POSITION: absolute; TOP: -24px; HEIGHT: 25px } #a9 { Z-INDEX: 2000; LEFT: 600px; WIDTH: 9px; CLIP: rect(0px 9px 9px 0px); POSITION: absolute; TOP: -24px; HEIGHT: 25px } </STYLE> <DIV id=a0 align=center><IMG height=9 src="grafika.files/stargreen.gif" width=9></DIV> <DIV id=a1 align=center><IMG height=9 src="grafika.files/stargreen.gif" width=9></DIV> <DIV id=a2 align=center><IMG height=9 src="grafika.files/stargreen.gif" width=9></DIV>//osw <DIV id=a3 align=center><IMG height=9 src="grafika.files/stargreen.gif" width=9></DIV> <DIV id=a4 align=center><IMG height=9 src="grafika.files/stargreen.gif" width=9></DIV> <DIV id=a5 align=center><IMG height=9 src="grafika.files/stargreen.gif" width=9></DIV> <DIV id=a6 align=center><IMG height=9 src="grafika.files/stargreen.gif" width=9></DIV> <DIV id=a7 align=center><IMG height=9 src="grafika.files/stargreen.gif" width=9></DIV> <DIV id=a8 align=center><IMG height=9 src="grafika.files/stargreen.gif" width=9></DIV> <DIV id=a9 align=center><IMG height=9 src="grafika.files/stargreen.gif" width=9></DIV></BODY>

Прилетающий анимированный текст

Цвета текстовых фраз (да и сами фразы :) ) можно менять. Складываем в body:

<Script Language="Javascript">  </Script> <Div id="text" style="position: absolute; left: 4; top: 80"> </Div> <Layer name="text" left=4 top=80> </Layer>

И не забываем загрузить внутрь тега body: onLoad="start()" onUnload="stop()"

1 2 3 4 5

Главное Меню

Темы

Иконки

Заставки

Windows

Web-мастерам

Графика

Юмор

Форум

Вход
Регистрация

Голосование

Нравится ли Вам новый дизайн?

Рекомендуем

Все торговые марки, упомянутые на этом сайте, являются собственностью их соответствующих владельцев.
При использовании материалов с этого сайта, ссылка на www.newxp.ru обязательна!