Думаю, многие делали когда-нибудь свой сайт.
Поэтому многие знакомы с технологией скриптов.
В этой теме будут появляться избранные скрипты с описанием.
Виртуально-Реальный Форум школы №263 |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Виртуально-Реальный Форум школы №263 » Вопрос - Ответ » Скрипты для сайта
Думаю, многие делали когда-нибудь свой сайт.
Поэтому многие знакомы с технологией скриптов.
В этой теме будут появляться избранные скрипты с описанием.
Ссылка плавно меняет цвет при наведении курсора. Код пихать между тегами <body> </body>
<script language="Javascript"> <!--// document.onmouseover = domouseover; document.onmouseout = domouseout; function domouseover() { if(document.all){ srcElement = window.event.srcElement; if (srcElement.className.indexOf("fade") > -1) { var linkName = srcElement.name; fadein(linkName); } } } function domouseout() { if (document.all){ srcElement = window.event.srcElement; if (srcElement.className.indexOf("fade") > -1) { var linkName = srcElement.name; fadeout(linkName); } } } function makearray(n) { this.length = n; for(var i = 1; i <= n; i++) this[i] = 0; return this; } hexa = new makearray(16); for(var i = 0; i < 10; i++) hexa[i] = i; hexa[10]="a"; hexa[11]="b"; hexa[12]="c"; hexa[13]="d"; hexa[14]="e"; hexa[15]="f"; 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 setbgColor(r, g, b, element) { var hr = hex(r); var hg = hex(g); var hb = hex(b); element.style.color = "#"+hr+hg+hb; } function fade(sr, sg, sb, er, eg, eb, step, direction, element){ for(var i = 0; i <= step; i++) { setTimeout("setbgColor(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); } } function fadeout(element) { fade(255,150,0, 255,255,255, 30, 1, element); } function fadein(element) { fade(255,255,255, 255,150,0, 23, 1, element); } --> </script>
Cтраница при открытии выезжает из-за экрана. Очень классно выглядит.
Ставить сразу после тега <body>
<SCRIPT language=JavaScript>
<!--//
function WinScroll(direction,xWidth,xHeight){
if ((navigator.appVersion.indexOf('4')!= -1)){
self.resizeTo(xWidth,xHeight)
if (direction == 1){ //Up
self.moveTo((screen.availWidth-xWidth)/2,screen.availHeight-10)
for (var c=1; c<=(screen.availHeight-(-xHeight))/2; c=c+4)
self.moveTo((screen.availWidth-xWidth)/2,screen.availHeight-c) }
if (direction == 2){ //Down
var x=screen.availHeight+screen.Height
self.moveTo((screen.availWidth-xWidth)/2,(screen.availHeight-x))
for (var c=0; c<=(screen.availHeight-(-xHeight/2)); c=c+4)
self.moveTo((screen.availWidth-xWidth)/2,(screen.availHeight-x)+c)}
if (direction == 3){ //left
var x=screen.availWidth-10
self.moveTo(x,(screen.availHeight-xHeight)/2)
for (var c=1; c<=(x-(-xWidth))/2; c=c+4)
self.moveTo((x-c),(screen.availHeight-xHeight)/2)}
if (direction == 4){ //Right
var x=screen.availWidth+(xWidth-10)
self.moveTo((screen.availWidth-x),(screen.availHeight-xHeight)/2)
for (var c=1; c<=(screen.availWidth-(-xWidth))/2; c=c+4)
self.moveTo(((screen.availWidth-x)+c),(screen.availHeight-xHeight)/2)
} } }
WinScroll(3,800,600)
/*WinScroll(4,800,600). Первая цифра может быть от 1 до 4 (1 - снизу 2 - сверху 3 - справа 4 - слева). Далее размер окна 800х600*/
//-->
</SCRIPT>
Кнопка, проявляющиеся при наведении курсора.
Приведу полный кусок кода, так как необходимо две части: в <head></head> и <body></body>
Для изменения текста кнопки ее нужно редактировать как картинку
<html>
<head>
<title>Кнопка, проявляющиеся при наведении курсора.</title>
<script language="JavaScript1.2">
function makevisible(cur,which){
if (which==0){
cur.filters.alpha.opacity=100
}else{
cur.filters.alpha.opacity=50}
}
</script>
</head>
<body>
<img style="filter:alpha(opacity=50)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" src="../img/img2.gif" border="0"><br>
<img style="filter:alpha(opacity=50)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" src="../img/img2.gif" border="0"><br>
<img style="filter:alpha(opacity=50)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" src="../img/img2.gif" border="0"><br>
</body>
</html>
Классная вещь!
Три полезные ссылки для сайта!
1. Ссылка "Назад" в новом виде, на каждой странице одинаковая!
<a href="javascript:history.back()">Назад</a>
или
<a href="javascript:history.go(-1)">Назад</a>
2. "Сделать стартовой"
<a onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('адрес вашего сайта'); return false;" href="#" ><img src="http://www.scriptic.narod.ru/gif/home1.gif" border="0" width="22" height="19" alt="Сделать стартовой"></a>
3. "Добавить в избранное"
<a onClick="window.external.addFavorite('адрес вашего сайта', 'Description'); return false;" href="#"><img src="http://www.scriptic.narod.ru/gif/papka.gif" border="0" alt="Добавить в избранное" width="22" height="19"></a>
Информация о входящем на страницу. Писать в <head></head>
var newline = "\r\r"
var now = new Date()
var millinow=now.getTime()/1000
var hours = now.getHours()
var minutes = now.getMinutes()
var seconds = now.getSeconds()
now.setHours(now.getHours()+1)
var min=60*now.getUTCHours()+now.getUTCMinutes() + now.getUTCSeconds()/60;
var internetTime=(min/1.44)
internetTime="Internet Time: "+Math.floor(internetTime)
var clock = "Текущее врем\я "+hours+":"+minutes+":"+seconds+" часов"
var browser = "Ваш броузер " + navigator.appName +" "+navigator.appVersion
var winwidth= window.screen.width
var winheight= window.screen.height
var screenresolution= "Разрешение экрана: "+window.screen.width+" x "+window.screen.height
var lastdoc = "Вы пришли со страницы: "+document.referrer
var expDays = 30;
var exp = new Date();
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function Who(info){
var VisitorName = GetCookie('VisitorName')
if (VisitorName == null) {
VisitorName = "stranger";
SetCookie ('VisitorName', VisitorName, exp);
}
return VisitorName;
}
function When(info){
// When
var rightNow = new Date()
var WWHTime = 0;
WWHTime = GetCookie('WWhenH')
WWHTime = WWHTime * 1
var lastHereFormatting = new Date(WWHTime); // Date-i-fy that number
var intLastVisit = (lastHereFormatting.getYear() * 10000)+(lastHereFormatting.getMonth() * 100) + lastHereFormatting.getDate()
var lastHereInDateFormat = "" + lastHereFormatting; // Gotta use substring functions
var dayOfWeek = lastHereInDateFormat.substring(0,3)
var dateMonth = lastHereInDateFormat.substring(4,11)
var timeOfDay = lastHereInDateFormat.substring(11,16)
var year = lastHereInDateFormat.substring(23,25)
var WWHText = dayOfWeek + ", " + dateMonth + " at " + timeOfDay // display
SetCookie ("WWhenH", rightNow.getTime(), exp)
return WWHText;
}
function Count(info){
var psj=0;
// How many times
var WWHCount = GetCookie('WWHCount')
if (WWHCount == null) {
WWHCount = 0;
}
else{
WWHCount++;
}
SetCookie ('WWHCount', WWHCount, exp);
return WWHCount;
}
function set(){
VisitorName = prompt("Who are you?");
SetCookie ('VisitorName', VisitorName, exp);
SetCookie ('WWHCount', 0, exp);
SetCookie ('WWhenH', 0, exp);
}
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) {
var exp = new Date();
exp.setTime (exp.getTime() - 1);
// This cookie is history
var cval = GetCookie (name);
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var countvisits="Вы здесь были " + Count() + " раз. Последнее заход " + When() +"."
if (navigator.javaEnabled()) {
var javaenabled="Ваш броузер может выполнять java-applets";
}
else {
var javaenabled="Ваш броузер не может выполнять java-applets";
}
function showAlert() {
var later = new Date()
var millilater=later.getTime()/1000
var loadTime=(Math.floor((millilater-millinow)*100))/100
var loadTimeResult= "На загрузку страницы потрачено "+loadTime+" секунд"
var babiesborn=Math.ceil(loadTime*4.18)
var babiesbornresult="Пока страница загружалась на свет появилось "+babiesborn+" новых жителей "
if (babiesborn==1){babiesbornresult="Пока страница загружалась на свет появилось "+babiesborn+" новых жителей "}
alert(newline+newline+browser+newline+clock+newline+loadTimeResult+newline+internetTime+newline+screenresolution+newline+lastdoc+newline+countvisits+newline+javaenabled+newline+babiesbornresult+newline+newline+"Вы на сайте bjs.stsland.ru"+newline+newline)
}
Выбор цвета фона при входе на страницу. Писать в <head></head>
var expDays = 30;
var exp = new Date();
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function color(){
var favColor = GetCookie('color');
if (favColor == null) {
favColor = prompt("What is your favorite background color?");
SetCookie('color', favColor, exp);
}
document.bgColor=favColor;
return favColor;
}
function set(){
favColor = prompt("What is your favorite background color?");
SetCookie ('color', favColor, exp);
}
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) {
var exp = new Date();
exp.setTime (exp.getTime() - 1);
var cval = GetCookie (name);
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
Добавить в избранное
<A onclick="window.external.addFavorite('адрес_сайта', 'описание_сайта'); return false;" href=http://адрес_сайта>Добавить в избранное</A>
Отредактировано rock-n-roll man (2006-09-17 21:11:24)
» Лучшие БЕСПЛАТНЫЕ хостинги | Плутания в паутине | 2006-11-09 |
Менеджеры закачек | Soft | 2006-11-28 |
Вы здесь » Виртуально-Реальный Форум школы №263 » Вопрос - Ответ » Скрипты для сайта