ГОРОД ДЗЕРЖИНСК

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



GAVA СКРИПТЫ.

Сообщений 11 страница 20 из 50

11

Баннерная рулетка.

С помощью данного скрипта можно организовать на своем сайте небольшую баннерную систему
   
Код.
<script language="JavaScript" src="primer.js"></script>

<script language="JavaScript">
<!--
// Copyright (C) 1998-2001 Web-studio "Cherry-Design"
var i, j;
var flag; // Флажок, используемый для проверки совпадения
var banners_show = 2; // Число показываемых на страничке баннеров
var banner_width = 50; // Ширина баннера
var banner_height = 50; // Высота баннера
var rand = new Array(banners_show-1);
for (i=0; i do {
flag=0;
n = Math.floor(Math.random()*(banners.length/3));
for (j=0; j if (n == rand[j]) {
flag=1;
}
}
} while (flag);
rand[i] = n;
}
function Show_Banner(number) {
n=rand[number-1];
document.write('<a href="' + banners[n*3+2] + '"><img src="icons/' + banners[n*3] + '"' + 'border=0 width=' + banner_width + ' height=' + banner_height + ' alt="' + banners[n*3+1] + '"></a>');
}
//-->
</script>
Так выглядит файл — primer.js:

var banners = new Array(
"banner.gif", "Текст", "http://www.name.ru/",
"banner1.gif", "Текст1", "http://www.name1.ru/",
"banner2.gif", "Текст2", "http://www.name2.ru/",
"banner3.gif", "Текст3", "http://www.name3.ru/",
"banner4.gif", "Текст4", "http://www.name4.ru/",
"banner5.gif", "Текст5", "http://www.name5.ru/",
"banner6.gif", "Текст6", "http://www.name6.ru/",
"banner7.gif", "Текст7", "http://www.name7.ru/",
"banner8.gif", "Текст8", "http://www.name8.ru/",
"banner9.gif", "Текст9", "http://www.name9.ru/"
)

В том месте, где необходимо, пишется столько скриптов сколько баннеров должно показываться (в нашем случае два):

<script language="JavaScript">
<!--
Show_Banner(1);
//-->
</script>

<script language="JavaScript">
<!--
Show_Banner(2);
//-->
</script>

0

12

Надпись двигается Вниз - Вверх.

<script language="JavaScript">
<!--
done = 0;
step = 4
function anim(yp,yk)
{
if(document.layers) document.layers["napis"].top=yp;
else document.all["napis"].style.top=yp;

if(yp>yk) step = -4
if(yp<60) step = 4

setTimeout('anim('+(yp+step)+','+yk+')', 35);
}
function start()
{
if(done) return
done = 1;

if(navigator.appName=="Netscape") {
document.napis.left=innerWidth/2 - 145;
anim(60,innerHeight - 60)
}
else {
napis.style.left=11;
anim(60,document.body.offsetHeight - 60)
}
}
//-->
</SCRIPT>

<div id='napis' style='position: absolute; top: -50; color: #D23842; font-family: Arial, Helvetica; font-weight:bold; font-size:40px;'>Сборник JavaScripts - wwwsoftpurgen.narod.ru</div>

<SCRIPT LANGUAGE="JavaScript">
<!--
setTimeout('start()',10);
//-->
</SCRIPT>

0

13

3D надписи.

<head>
<script>
<!--

// Edit your messages. You MUST use 6 messages precisly.
var message = new Array()
message[0]=" >> Надпись 1"
message[1]=" >> Надпись 2"
message[2]=" >> Надпись 3"
message[3]=" >> Надпись 4"
message[4]=" >> Они вращаються!"
message[5]=" >> 6 надписей"
// Edit the width an height of your TextWheel (pixels)
var scrollerheight=120
var scrollerwidth=360

// Edit the font
var font_family="Verdana"

// Edit the font-size
var font_size=20

// Edit the horizontal and vertical position of your TextWheel (pixels)
var x_textposition=10
var y_textposition=10

function initiate() {
if (document.all) {
document.all.rotationstyle1.style.posLeft=x_textposition
document.all.rotationstyle1.style.posTop=y_textposition

document.all.rotationstyle2.style.posLeft=x_textposition
document.all.rotationstyle2.style.posTop=y_textposition

document.all.rotationstyle3.style.posLeft=x_textposition
document.all.rotationstyle3.style.posTop=y_textposition

document.all.rotationstyle4.style.posLeft=x_textposition
document.all.rotationstyle4.style.posTop=y_textposition

document.all.rotationstyle5.style.posLeft=x_textposition
document.all.rotationstyle5.style.posTop=y_textposition

document.all.rotationstyle6.style.posLeft=x_textposition
document.all.rotationstyle6.style.posTop=y_textposition

setmessages()
}
}

function setmessages() {

rotationstyle1.innerHTML=
'<OBJECT ID="rotationobj1" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6" STYLE="position:relative;width:'+scrollerwidth+'px;height:'+2*scrollerheight+'px">'+
'<PARAM NAME="Line0001" VALUE="SetLineStyle(0)">'+
'<PARAM NAME="Line0002" VALUE="SetLineColor(0,0,0)">'+
'<PARAM NAME="Line0003" VALUE="SetFillColor(255,255,0)">'+
'<PARAM NAME="Line0004" VALUE="SetFont(\''+font_family+'\', '+font_size+', 400, 0, 0, 0)">'+
'<PARAM NAME="Line0005" VALUE="Text(\''+message[0]+'\',0, 2, 0)">'+
'</OBJECT>'

rotationstyle2.innerHTML=
'<OBJECT ID="rotationobj2" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6" STYLE="position:relative;width:'+scrollerwidth+'px;height:'+2*scrollerheight+'px">'+
'<PARAM NAME="Line0001" VALUE="SetLineStyle(0)">'+
'<PARAM NAME="Line0002" VALUE="SetLineColor(0,0,0)">'+
'<PARAM NAME="Line0003" VALUE="SetFillColor(255,255,0)">'+
'<PARAM NAME="Line0004" VALUE="SetFont(\''+font_family+'\', '+font_size+', 400, 0, 0, 0)">'+
'<PARAM NAME="Line0005" VALUE="Text(\''+message[1]+'\',0, 2, 0)">'+
'</OBJECT>'

rotationstyle3.innerHTML=
'<OBJECT ID="rotationobj3" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6" STYLE="position:relative;width:'+scrollerwidth+'px;height:'+2*scrollerheight+'px">'+
'<PARAM NAME="Line0001" VALUE="SetLineStyle(0)">'+
'<PARAM NAME="Line0002" VALUE="SetLineColor(0,0,0)">'+
'<PARAM NAME="Line0003" VALUE="SetFillColor(255,255,0)">'+
'<PARAM NAME="Line0004" VALUE="SetFont(\''+font_family+'\', '+font_size+', 400, 0, 0, 0)">'+
'<PARAM NAME="Line0005" VALUE="Text(\''+message[2]+'\',0, 2, 0)">'+
'</OBJECT>'

rotationstyle4.innerHTML=
'<OBJECT ID="rotationobj4" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6" STYLE="position:relative;width:'+scrollerwidth+'px;height:'+2*scrollerheight+'px">'+
'<PARAM NAME="Line0001" VALUE="SetLineStyle(0)">'+
'<PARAM NAME="Line0002" VALUE="SetLineColor(0,0,0)">'+
'<PARAM NAME="Line0003" VALUE="SetFillColor(255,255,0)">'+
'<PARAM NAME="Line0004" VALUE="SetFont(\''+font_family+'\', '+font_size+', 400, 0, 0, 0)">'+
'<PARAM NAME="Line0005" VALUE="Text(\''+message[3]+'\',0, 2, 0)">'+
'</OBJECT>'

rotationstyle5.innerHTML=
'<OBJECT ID="rotationobj5" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6" STYLE="position:relative;width:'+scrollerwidth+'px;height:'+2*scrollerheight+'px">'+
'<PARAM NAME="Line0001" VALUE="SetLineStyle(0)">'+
'<PARAM NAME="Line0002" VALUE="SetLineColor(0,0,0)">'+
'<PARAM NAME="Line0003" VALUE="SetFillColor(255,255,0)">'+
'<PARAM NAME="Line0004" VALUE="SetFont(\''+font_family+'\', '+font_size+', 400, 0, 0, 0)">'+
'<PARAM NAME="Line0005" VALUE="Text(\''+message[4]+'\',0, 2, 0)">'+
'</OBJECT>'

rotationstyle6.innerHTML=
'<OBJECT ID="rotationobj6" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6" STYLE="position:relative;width:'+scrollerwidth+'px;height:'+2*scrollerheight+'px">'+
'<PARAM NAME="Line0001" VALUE="SetLineStyle(0)">'+
'<PARAM NAME="Line0002" VALUE="SetLineColor(0,0,0)">'+
'<PARAM NAME="Line0003" VALUE="SetFillColor(255,255,0)">'+
'<PARAM NAME="Line0004" VALUE="SetFont(\''+font_family+'\', '+font_size+', 400, 0, 0, 0)">'+
'<PARAM NAME="Line0005" VALUE="Text(\''+message[5]+'\',0, 2, 0)">'+
'</OBJECT>'

rotationobj1.Rotate(0,0,0)
rotationobj2.Rotate(0,60,0)
rotationobj3.Rotate(0,120,0)
rotationobj4.Rotate(0,180,0)
rotationobj5.Rotate(0,240,0)
rotationobj6.Rotate(0,300,0)

startscroll()
}

function startscroll() {
rotationobj1.Rotate(1,2,0)
rotationobj2.Rotate(1,2,0)
rotationobj3.Rotate(1,2,0)
rotationobj4.Rotate(1,2,0)
rotationobj5.Rotate(1,2,0)
rotationobj6.Rotate(1,2,0)
timer=setTimeout("startscroll()",20)
}

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

</head>

<body bgcolor = "Blue" onLoad="initiate()">

<SPAN ID="rotationstyle1" STYLE="position:absolute">
<OBJECT ID="rotationobj1" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6">
</OBJECT>
</SPAN>

<SPAN ID="rotationstyle2" STYLE="position:absolute">
<OBJECT ID="rotationobj2" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6">
</OBJECT>
</SPAN>

<SPAN ID="rotationstyle3" STYLE="position:absolute">
<OBJECT ID="rotationobj3" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6">
</OBJECT>
</SPAN>

<SPAN ID="rotationstyle4" STYLE="position:absolute">
<OBJECT ID="rotationobj4" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6">
</OBJECT>
</SPAN>

<SPAN ID="rotationstyle5" STYLE="position:absolute">
<OBJECT ID="rotationobj5" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6">
</OBJECT>
</SPAN>

<SPAN ID="rotationstyle6" STYLE="position:absolute">
<OBJECT ID="rotationobj6" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6">
</OBJECT>
</SPAN>

<DIV id="Belongs_not_to_the_script" style="position:absolute;top:200px;left:5px;">

</DIV>

</body>

0

14

Навинация «следующая-предыдущая».
Данный скрипт организует навигацию «следующая-предыдущая» (надписи выделенные зеленым необходимо откорректировать).
Для того, чтобы использовать скрипт в своих целях, вам нужно исправить в нем 2 числа — 6 и 31. Что это за числа: Возьмем URL данной заметки: http://softpurgen.narod.ru/
Строка «http://softpurgen.narod.ru/» содержит в себе 28 символ — это 1-ое число, «.htm» — содержит 4 символов, это второе число.
   
Код.
<script language="JavaScript">
<!--
var s_tmp = document.location.href;
s_tmp=s_tmp.substring(1, s_tmp.length-4);
s_tmp=s_tmp.substring(28, s_tmp.length);
s_tmp--;
document.writeln('<a href='+s_tmp+'.htm>предыдущая</a>');
s_tmp++;
s_tmp++;
document.writeln(' | <a href='+s_tmp+'.htm>следующая</a>');
var s_tmp = document.location.href;
//-->
</script>

0

15

Навигация при помощи клавиш.
Данный скрипт реализует навигацию посредством клавиш
   
Код.
<script language="JavaScript">
<!--
var key = new Array();
key['a'] = "index.htm";
key['b'] = "index1.htm";
key['c'] = "index2.htm";
key['d'] = "index3.htm";
function getKey(keyStroke) {
isNetscape=(document.layers);
eventChooser = (isNetscape) ? keyStroke.which : event.keyCode;
which = String.fromCharCode(eventChooser).toLowerCase();
for (var i in key) if (which == i) window.location = key[i];}
document.onkeypress = getKey;
//-->
</script>
   
Результат.
.
Нажмите z для перехода на предыдущую страницу.
Нажмите x для перехода на следущую страницу.
Нажмите s для перехода на содержание.

0

16

Новое окно состоящее из двух фреймов.
Данный скрипт открывает новое окно состоящего из двух фреймов
   
Код.
<script language="JavaScript">
<!--
function loadFrames(page1, page2) {
framecode = "<frameset rows='50%,50%'>"+"<frame src='" + page1 + "'>"+"<frame src='" + page2 + "'>"+"</frameset>";
page = window.open("");
page.document.open();
page.document.write(framecode);
page.document.close();
}
//-->
</script>
В том месте, где необходимо, пишется следующий код:

<a href="javascript:loadFrames('index.htm', 'index1.htm')">Нажми</a>

0

17

Данный скрипт реализует эффект анимации для графических элементов, надо вставить в тег <body … onLoad="slideShow()">
   
Код.
<script language="JavaScript">
<!--
pic = new Array()
for(i=0;i<3;i++)
{
pic[i] = new Image();
if(i==0) pic[i].src = "image.gif";
if(i==1) pic[i].src = "image1.gif";
if(i==2) pic[i].src = "image2.gif";
}
n=0;
function slideShow()
{
n++; if(n>2) n=0;
document.images["slide"].src = pic[n].src;
setTimeout("slideShow()",1000);
}
//-->
</script>
В том месте, где необходимо пишется:

<img src="image.gif" width=30 height=30 alt="" name="slide">

0

18

Данный скрипт выводит адрес просматриваемой страницы
   
Код.
<script language="JavaScript">
<!--
document.write("Данная страница расположена по адресу — " + document.location);
//-->
</script>

0

19

Анимирванный текст в форме.

<script language="JavaScript">
var count = -1;
var counter;
var nchar
var speedtogo = 200
var a = new Array();
a[1] = "СБОРНИК JAVASCRIPTS";
a[2] = "сборник javascripts";
function capswitch() {
count++
if(count == 0){
document.wow.display.value = a[1]
}
if(count == 1){
document.wow.display.value = a[2].substring(0, 1) +
a[1].substring(22, 1)
}
if(count > 1){
a[3] = a[1].substring(0, count - 1) + a[2].substring(count - 1,
count) + a[1].substring(22, count)
document.wow.display.value = a[3]
}
if(count == a[1].length){
count = -1
}
counter = setTimeout("capswitch()",speedtogo);
}
document.write("<FORM NAME=\"wow\">");
document.write("<INPUT TYPE=\"TEXT\" NAME=\"display\" SIZE=\"22\">");
document.write("</FORM>");
capswitch();
</script>

0

20

Автоматический переход на страницу.

<html>
<head>
<SCRIPT language=JavaScript>
var intLeft = 60; // Seconds until navigation occurs

function leavePage() {
if (0 == intLeft) // Time is up--navigate.
location.replace("http://www.softpurgen.narod.ru/")
else {
// Count down and output updated time by
// changing the contents of the element.
intLeft -= 1;
document.all.countdown.innerText = intLeft + " ";
// Wait another second.
setTimeout("leavePage()", 1000);
}
}
</SCRIPT>
</head>
<BODY onload="setTimeout('leavePage()', 1000)">

До перехода на SOFTPURGEN осталось:
<SPAN id=countdown><!-- Output initial amount of time. -->
<SCRIPT language=JavaScript>
document.write(intLeft);
</SCRIPT>
</SPAN>
</body>
</html>

0