Eldjar2001>>>Веб-дизайн>>>Javaskripts

eldjar2001 >>> Веб-дизайн >>> Javascripts

[13] Часики		Пример кода:
Простенькие часы.Цвет и размер шрифта можете подобрать сами, так что впишутся в любой дизайн.		<html> <head> <meta http-equiv="Content-Language" content="ru"> </head> <body onLoad="loadclock()"> <CENTER> <span id=tick2> </span> <script> <!-- function show2(){ var Digital=new Date() var hours=Digital.getHours() var minutes=Digital.getMinutes() var seconds=Digital.getSeconds() var dn="AM" if (hours>12){ dn="PM" hours=hours-12 } if (hours==0) hours=12 if (minutes<=9) minutes="0"+minutes if (seconds<=9) seconds="0"+seconds var ctime="<b><font face='Verdana' color='#8000FF'>"+hours+":"+minutes+":"+seconds+" "+dn+"</font></b>" if (!document.all) document.write(ctime) else tick2.innerHTML=ctime } function loadclock(){ if (document.all) setInterval("show2()",1000) } if (!document.all) show2() //--> </script> </center> <!-- copyright (i3) --><div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s203.ucoz.net/img/cp/7.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div><!-- /copyright --> </body> </html>
Скачать

[12] Антикопир#2		Пример кода:
Скрипт напрочь игнорирует правую клавишу мышки!		<SCRIPT><!-- var message="© 2002 это собственость Ваш_Ник™ [Все права защищены]"; function click(e) { if (document.all) { if (event.button == 2) { alert(message); return false; } } if (document.layers) { if (e.which == 3) { alert(message); return false; } } } if (document.layers) { document.captureEvents(Event.MOUSEDOWN); } document.onmousedown=click; // --> 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>
Скачать

[11] Календарик		Пример кода:
Простенький но симпатичный календарик. Ему может найтись место на любом сайте.		<SCRIPT language=Javascript> calendar = new Date(); day = calendar.getDay(); document.write("<font face=arial><center><table width=100 border=1><td><center><font size=2>") if (day == 0) { document.write("Воскресенье") } if (day == 1) { document.write("Понедельник") } if (day == 2) { document.write("Вторник") } if (day == 3) { document.write("Среда") } if (day == 4) { document.write("Четверг") } if (day == 5) { document.write("Пятница") } if (day == 6) { document.write("Суббота") } if (day == 7) { document.write("Воскресенье") } document.write("</font></center></td><tr><td><center><font size=2>") month = calendar.getMonth(); if (month == 0) { document.write("Январь") } if (month == 1) { document.write("Февраль") } if (month == 2) { document.write("Март") } if (month == 3) { document.write("Апрель") } if (month == 4) { document.write("Май") } if (month == 5) { document.write("Июнь") } if (month == 6) { document.write("Июль") } if (month == 7) { document.write("Август") } if (month == 8) { document.write("Сентябрь") } if (month == 9) { document.write("Октябрь") } if (month == 10) { document.write("Ноябрь") } if (month == 11) { document.write("Декабрь") } document.write("</font></center></td><tr><td><center><font size=7>") date = calendar.getDate(); document.write(date) document.write("</font></center></td><tr><td><center><font size=2>") year = calendar.getYear(); if (year < 100) { document.write("19" + year + "") } else if (year > 1999) { document.write(year) } document.write("</font></center></td></table>") </SCRIPT>
Скачать

[10] Режим ожидания		Пример кода:
Пока будет происходить закрузка страницы, посетитель будет видеть н амониторе надпись "подождите" или то, что Вы впишете в скрипт.		<HTML> <HEAD> <TITLE> Script #25 </TITLE> <link rel="stylesheet" href="style.css" type="text/css"> <script language="javascript"> function vision() { if(document.all) { document.all.loading.style.visibility="hidden"; } else { document.layers.loading.visibility="hide"; } } </script> </HEAD> <BODY onLoad="vision()"> <CENTER><B>Загрузка страницы</B><BR><BR><BR></CENTER> <div id="loading" style="position:absolute; left:0; top:0; width:100%; height:100%;"> <table width="100%" height="100%" bgcolor="#FFFFFF"> <tr> <td align="center" valign="middle"><FONT SIZE="2" COLOR="#000000">Loading...</FONT> </td> </tr> </table> </div> Загрузка страницы завершена...<BR> <IMG SRC="pic/load.gif" WIDTH="100" HEIGHT="100" BORDER=0 ALT=""> <!-- copyright (i3) --><div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s203.ucoz.net/img/cp/7.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div><!-- /copyright --> </body></HTML>
Скачать

[9] Автоматический переключатель		Пример кода:
Автоматически переключает страницу.К примеру у вашего сайта есть окна, установив на главной странице этот скрипт, посетитель автоматически попадает на ту страницу которую вы укажите в скрипте.		<script language="JavaScript"> <!-- window.location.href = "Ваш URL" // --> </script>
Скачать

[8] Надпись за курсором мышки		Пример кода:
Скрипт на любителя!		Пример <html> <head> <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"> <!-- copyright (i3) --><div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s203.ucoz.net/img/cp/7.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div><!-- /copyright --> </body> <script> var x,y var step=20 var flag=0 var message="www.eldjar2001.narod.ru " // Текст около мышки (обязательно после последней буквы пробел) 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> </html>
Скачать

[7] Добавить в избранное		Пример кода:
Лично меня этот скрипт раздражает! Скрипт атоматически выводит запрос на добавление сайта в избранное!		Пример <Script Language="Javascript"> var bm_url="http://eldjar2001.narod.ru" var bm_titel="Все для web-мастера!!!" function bookmark() {if (document.all) window.external.AddFavorite(bm_url,bm_titel)} </Script> </head> <body OnLoad="bookmark()"> <SCRIPT language=JavaScript><!-- function closeIt() { close(); } // -->
Скачать

[6] Пароль		Пример кода:
Очень удобная вещь. Вместо 1 напишите единственный доступный пароль Вместо 2 напишите текст сообщения о правильном пароле Вместо 3 напишите текст сообщения об отказе в доступе Вместо 4 напишите адрес страницы с отказом в доступе Примечание. 1)не стирайте кавычки 2)пользуйтесь латинскими буквами 3)разместите код скрипта после тегов Если вы поместите скрипт между тегами , то все, что будет находиться перед скриптом, будет показано посетителю		Пример <!-- Passworder SCRIPT --> <script language="JavaScript"> pass = prompt('Введите пароль:'); if (pass=='1') { alert('2') } else { alert('3'), top.location.href="4" } </script> <!-- Passworder SCRIPT END -->
Скачать

[5] Кнопка#1

Пример кода:

Так себе! Я так и не понял как ей пользоваться.

Button-color changing

<html> <head> <title>Button-color changing</title> <script> function h(color) { hn = new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A" ,"B", "C", "D", "E", "F") if(color<0){return "00"} else if(color>255){return "FF"} else { s = "" + hn[Math.floor(color/16)] + hn[color%16] return s } } function toH(red, green, blue){return h(red) + h(green) + h(blue)} function RGB(red, green, blue){return toH(red, green, blue)} </script> <script> var sR = 13 var sG = 1 var sB = 12 var R = 0 var G = 0 var B = 0 var b = true; function setButtonColor(r, g, b) { document.all["button"].style.color=RGB(r, g, b); } function startChanging() { if(b==true) { if((R>256)||(G>256)||(B>256)) { b=false; } R+=sR;G+=sG;B+=sB; } else { if((R<0)||(G<0)||(B<0)) { b=true; } R-=sR; G-=sG; B-=sB } setButtonColor(R, G, B); setTimeout("startChanging()", 1) } </script> </head> <body onload="startChanging()"> <Button id="button" style="font: 8pt Fixedsys;"> <p>Кнопка, с эффектом текста </button> </p> <div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s203.ucoz.net/img/cp/7.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div> </body> </html>

Скачать

[4] Меню быстрого перехода		Пример кода:
Удобная вещь для посетителя,но не всегда вписывается в дизайн		Меню: <form> <div align="center"><center><p><font color="#000FFF"><strong><big>Меню:</big></strong></font> <select name="sel" size="1" onchange="top.location.href = this.options[this.selectedIndex].value;" style="background-color: rgb(255,255,0); color: rgb(0,0,0); font-weight: bolder"> <option value="#">Перейти:</option> <option value="http://url">Home</option> <option value="http://url">Скрипты</option> <option value="http://url">Наши баннеры</option> </select> </p> </center></div> </form>
Скачать

[3] Последнее обновление		Пример кода:
Не пользовался! Не очень интересно когда все посетители знают что ты последний раз обновлял свою страницу год тому назад. :)		<script language="JavaScript"> <!--document.write("<p><b><font color = red> Последнее изменение было </font><font color = black> : " + document.lastModified + "</font></b></p>"); // --> </script>
Скачать

[2] Антикопир		Пример кода:
Скрипт так себе.Не позволяет копировать с сайта только текст.		<head> <title>Защита от копирования</title> </head> <body oncopy="return notcopy()"> <p><script language="JavaScript"><!-- // Copyright © 2000, Кубах Андрей Васильевич // E-Mail: kubakh@usinsk.ru // Хотите ещё JavaScript'ов? Заходите - http://jsarchive.al.ru // JavaScript Archive function notcopy(){ alert("Извините, но с этого сайта нельзя ничего копировать!") return false } // --></script>Попробуй скопировать...</p> <!-- copyright (i3) --><div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s203.ucoz.net/img/cp/7.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div><!-- /copyright --> </body> </html>
Скачать

[1] Отсчёт времени		Пример кода:
Можно настраивать дату,цвет и размер шрифтов.Иногда бывают сбои,может не защитать целые сутки,но после обновление всё становится на свои места.		<head> <link rel="stylesheet" href="style.css" type="text/css"> <title>До события осталось...</title> </head> <body> <p align="center"><script language="JavaScript"><!-- function cntdown1(){ today = new Date() nextEVENT = new Date("January 1, 3000") msPerDay = 24 * 60 * 60 * 1000 ;daysLeft = (nextEVENT.getTime() - today.getTime()) / msPerDay;daysLeft = Math.round(daysLeft);document.write("<CENTER>До 3000 года осталось <FONT COLOR=\"#000777\">" + daysLeft + " дней(я)</FONT></CENTER>") ; minutesLeft=(nextEVENT.getTime() - today.getTime()) / 60000; minutesLeft = Math.round(minutesLeft); document.write("<CENTER>Или точнее <FONT COLOR=\"#000777\">" + minutesLeft + " минут(ы)</FONT> :-)</CENTER>") ; } //--></script> <script>cntdown1()</script></p> <!-- copyright (i3) --><div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s203.ucoz.net/img/cp/7.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div><!-- /copyright --> </body> </html>
Скачать