GF - Global Forum

Объявление

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

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


Вы здесь » GF - Global Forum » Web » Скрипты (Script)


Скрипты (Script)

Сообщений 1 страница 9 из 9

1

Выкладываем тут интересные скрипты.

Время до нового года:

Код:
<Script Language=JavaScript>
function myFunction1(){
if (date<=myDate) month1=12-(month-myMonth);
else month1=11-(month-myMonth);}
function myFunction2(){
if (date>myDate) month1=(myMonth-month-1);
else month1=(myMonth-month);}
function myFunction3(){
if (date<=myDate) month1=0;
else month1=11;}
function myFunction4(){
if (month==2) date1=(28-date+myDate);
if (month==4) date1=(30-date+myDate);
if (month==6) date1=(30-date+myDate);
if (month==9) date1=(30-date+myDate);
if (month==11) date1=(30-date+myDate);
if (month==1) date1=(31-date+myDate);
if (month==3) date1=(31-date+myDate);
if (month==5) date1=(31-date+myDate);
if (month==7) date1=(31-date+myDate);
if (month==8) date1=(31-date+myDate);
if (month==10) date1=(31-date+myDate);
if (month==12) date1=(31-date+myDate);}
var date=(new Date()).getDate();
var month=(new Date()).getMonth()+1;
var myDate=01
var myMonth=01
if (month>myMonth) myFunction1();
if (month<myMonth) myFunction2();
if (month==myMonth) myFunction3();
if (date<=myDate) date1=(myDate-date);
if (date>myDate) myFunction4();
if (month1==1) monthtxt=("месяц");
if (month1>1 && month1<5) monthtxt=("месяцa");
if (month1>4) monthtxt=("месяцев");
if (date1==1, 21) datetxt=("день");
if (date1>1 && date1<5) datetxt=("дня");
if (date1>21 && date1<25) datetxt=("дня");
if (date1>4 && date1<21) datetxt=("дней");
if (date1>24 && date1<31) datetxt=("дней");
var txt=("До нового года осталось:");
if (month1==0 && date1==0) txt=("Сегодня 1 января");
document.write(txt+' ');
if (month1>0) document.write(month1+" "+monthtxt+' ');
else document.write("");
if (date1>0) document.write(date1+" "+datetxt);
else document.write("");
</Script>

2

Кнопка с моргающим текстом:

Код:
<html>

<head>
<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>Кнопка, с эффектом текста&nbsp;</button> </p>
</body>
</html>

3

Красивая надпись:

Код:
<html>
<head>
<style type="text/css">
<!--
body {
background-color:#000000;

margin-top: 1 cm;
margin-left: 1 cm;
margin-right: 1 cm;
}

.bild
{
position:absolute;
top:1 cm;
font-width:bold;
}
-->
</style>
</head>

<BODY LINK="#FFFFFF" TEXT="FFFFFF" VLINK="#999999" ALINK="#00FF00" BGCOLOR="#000000">

<div class="bild" style="left:2cm;font-size:80pt;color:green;">ТАКАЯ</div>
<div class="bild" style="left:4cm;font-size:40pt;color:red;">КРАСИВАЯ</div>
<div class="bild" style="left:7cm;font-size:60pt;color:yellow;">НАДПИСЬ!</div>

</body>
</html>

4

Мигающий текст:

Код:
<html>
<head>
 <Style>
   A:Link{ Color: #000000; Text-decoration: underline}
   A:Visited{ Color: #000000; Text-decoration: underline}
   A:Hover{ Color: #000000; Text-decoration: none}
 td, body {font-family: verdana, arial, helvetica; font-size:11px;}  
 </Style>

<!-- HEAD START HERE -->

<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Randy Bennett (rbennett@thezone.net) -->
<!-- Web Site:  http://home.thezone.net/~rbennett/utility/javahead.htm -->

<!-- Begin
function setupStrobe() {
text = "bjs.stsland.ru";
var x=navigator.appVersion;
y=x.substring(0,4);
if(y>=4)strobeEffect();
}
var isNav=(navigator.appName.indexOf("Netscape")!=-1);
var colors=new Array(
"FFFFFF","FFFFFF","FFFFFF","FFFFFF","FFFFFF","FFFFFF",
"FFFFFF","F9F9F9","F1F1F1","E9E9E9","E1E1E1","D9D9D9",
"D1D1D1","C9C9C9","C1C1C1","B9B9B9","B1B1B1","A9A9A9",
"A1A1A1","999999","919191","898989","818181","797979",
"717171","696969","616161","595959","515151","494949",
"414141","393939","313131","292929","212121","191919",
"111111","090909","000000")

a=0,b=1;
function strobeEffect() {
color=colors[a];
aa="<font color="+color+">" + text + "</font>"
if(isNav) {
document.object1.document.write(aa);
document.object1.document.close();
}
else object1.innerHTML=aa;
a+=b;
if (a==38) b-=2;
if (a==0) b+=2;
xx=setTimeout("strobeEffect()",10);
}
// End -->
</SCRIPT>


<!-- HEAD END HERE -->




</head>
<body bgcolor="#EDEDED" text="#000000" link="#000000" topmargin="0" leftmargin="0" onLoad="setupStrobe()">
<center>

<!-- BODY START HERE -->

<div id="object1" style="position:absolute; visibility:show; left:25px; top:50px; z-index:2"></div>

<!-- BODY END HERE -->





</body>
</html>

5

Панель навигации сверху (не выпадающая):

Код:
<html>

<head>

<style type="text/css">
a { font-family: Verdana, Arial; color: white; text-decoration: none; font-weight:bold; }
a:hover { color: white; text-decoration: none; font-weight:bold; background-color:silver;}
#box {position:absolute;visibility:hidden;layer-background-color:silver }
#blackbox { font-family: Verdana, Arial; font-size:8pt; color: white; background-color:black; text-decoration: none  }
#mnubar {  font-family: Verdana, Arial; font-size:10pt; color: white; font-weight:bold; text-decoration: none  }
</style>

<script language="JavaScript">
ns=window.navigator.appName == "Netscape"
ie=window.navigator.appName == "Microsoft Internet Explorer"

function openIt(x) {
if(ns) {
   showbox= document.layers[x+1]
     showbox.visibility = "show"
       showbox.top=44
    var items = 5
     for (i=1; i<=items; i++) {
      elopen=document.layers[i]
        if (i != (x + 1)) {
          elopen.visibility = "hide" }
            }
  }

if(ie) {
   curEl = event.toElement
   curEl.style.background = "silver"

   showBox = document.all.box[x];
     showBox.style.visibility = "visible";
        showBox.style.top = 40;

   var items = 5
    for (i=0; i<items; i++) {
      elOpen=document.all.box[i]
       barEl=document.all.mnubar[i]
        if (i != x){
          elOpen.style.visibility = "hidden"
          barEl.style.background = "#000000"
       }
     }
   }
}

function closeIt() {
   var items = 5
     for (i=0; i<items; i++) {
       if(ie){
        document.all.box[i].style.visibility = "hidden"
          barEl=document.all.mnubar[i]
           barEl.style.background = "#000000"
       }
       if(ns){ document.layers[i+1].visibility = "hide"}
}
}

</script>

</head>

<body bgColor=#eee1bc link="#008000" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">

<table border="0" cellpadding="0" cellspacing="0" width="400" bgcolor="#000000"  id=mainmenu height="40">
<tr><td align="center" bgcolor=#EEE1BC colspan="5" bordercolor="#EEE1BC">&nbsp;</td></tr>
<tr>

 <td align="center" nowrap  width="80">
<a href="#" onmouseover="openIt(0)" id=mnubar>Меню 1</a></td>

 <td align="center" nowrap  width="80">
<a href="#" onmouseover="openIt(1)" id=mnubar>Меню 2</a></td>

<td align="center" nowrap  width="80">
<a href="#" onmouseover="openIt(2)"  id=mnubar>Меню 3</a></td>

<td align="center" nowrap  width="80">
<a href="#" onmouseover="openIt(3)"  id=mnubar>Меню 4</a></td>

<td align="center" nowrap  width="80">
<a href="#" onmouseover="openIt(4)"  id=mnubar>Меню 5</a></td>

 </tr>
 </table>
<br><br>

<div onmouseover="closeIt()" >
<layer onmouseover="closeIt()">


</layer>
</div>

<!-- Меню -->

<div id=box style=left:0>
 <table border="0" id=blackbox  width="80">
 <tr><td><a href='index.htm'>Ссылка 1</a></td></tr>
 <tr><td><a href='index.htm'>Ссылка 2</a></td></tr>
     </table>
 </div>


<!-- Меню -->

<div id=box style=left:80>
 <table border="0" id=blackbox width="80">
 <tr><td><a href='index.htm'>Ссылка 1</a></td></tr>
 <tr><td><a href='index.htm' >Ссылка 2</a></td></tr>
 <tr><td><a href='index.htm' >Ссылка 3</a></td></tr>
   </table>
 </div>

<!-- Меню -->

<div id=box style=left:160>
 <table border="0" id=blackbox width="80">
 <tr><td><a href='index.htm' >Ссылка 1</a></td></tr>
 <tr><td><a href='index.htm' >Ссылка 2</a></td></tr>
 <tr><td><a href='index.htm' >Ссылка 3</a></td></tr>
 <tr><td><a href='index.htm' >Ссылка 4</a></td></tr>
 <tr><td><a href='index.htm' >Ссылка 5</a></td></tr>
</table>
 </div>

<!-- Меню -->

<div id=box style=left:240>
 <table border="0" id=blackbox width="80">
 <tr><td><a href='index.htm' >Ссылка 1</a></td></tr>
 <tr><td><a href='index.htm' >Ссылка 2</a></td></tr>
 <tr><td><a href='index.htm' >Ссылка 3</a></td></tr>
 <tr><td><a href='index.htm' >Ссылка 4</a></td></tr>
   </table>
 </div>

<!-- Меню -->

<div id=box style=left:320>
 <table border="0" id=blackbox width="80">
 <tr><td><a href='index.htm' >Ссылка 1</a></td></tr>
 <tr><td><a href='index.htm' >Ссылка 2</a></td></tr>
 <tr><td><a href='index.htm' >Ссылка 3</a></td></tr>
  </table>
 </div>

<p></p>
<p></p>
<p></p>
<p></p>


<P><FONT size=1>
<SCRIPT
language=JavaScript><!--
function closeIt() {
  close();
}
// -->
    </SCRIPT>
</FONT></P>



</body>

</html>

6

Подсказка для ссылок:

Код:
<html>
<head>

<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
 <Style>
   A:Link{ Color: #000000; Text-decoration: underline}
   A:Visited{ Color: #000000; Text-decoration: underline}
   A:Hover{ Color: #000000; Text-decoration: none}
 td, body {font-family: verdana, arial, helvetica; font-size:11px;}  
 </Style>

<!-- HEAD START HERE -->

<SCRIPT LANGUAGE="JavaScript">

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function showtip2(current,e,text){
  if (document.all&&document.readyState=="complete"){
    document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
    document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
    document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
    document.all.tooltip2.style.visibility="visible"
}
  else if (document.layers){
    document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
    document.tooltip2.document.nstip.document.close()
    document.tooltip2.document.nstip.left=0
    currentscroll=setInterval("scrolltip()",100)
    document.tooltip2.left=e.pageX+10
    document.tooltip2.top=e.pageY+10
    document.tooltip2.visibility="show"
}
}
function hidetip2(){
  if (document.all)
    document.all.tooltip2.style.visibility="hidden"
    else if (document.layers){
    clearInterval(currentscroll)
    document.tooltip2.visibility="hidden"
}
}
//  End -->
</script>


<!-- HEAD END HERE -->




</head>
<body bgcolor="#EDEDED" text="#000000" link="#000000" topmargin="0" leftmargin="0">
<center>

<!-- BODY START HERE -->

<div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:gold;z-index:10"></div>
<div align="CENTER" name="divTest" onMouseover="showtip2(this,event,'Очень много Java-Скриптов');" onMouseout="hidetip2();" STYLE="cursor: hand">
<TABLE border="0" cellpadding="0" cellspacing="0"><TR><TD COLSPAN="7">BJS.stsland.ru</TABLE>
<p></div>


<!-- BODY END HERE -->



</body>
</html>

7

Показывает жизнь сайта, в днях:

Код:
<html>
<head>

<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
 <Style>
   A:Link{ Color: #000000; Text-decoration: underline}
   A:Visited{ Color: #000000; Text-decoration: underline}
   A:Hover{ Color: #000000; Text-decoration: none}
 td, body {font-family: verdana, arial, helvetica; font-size:11px;}  
 </Style>

<!-- HEAD START HERE -->



<!-- HEAD END HERE -->




</head>
<body bgcolor="#EDEDED" text="#000000" link="#000000" topmargin="0" leftmargin="0">
<center>

<!-- BODY START HERE -->

<SCRIPT language=JavaScript>
<!--
d0 = new Date('March 30, 2000');
d1 = new Date();
dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24);
document.write('Этот сайт живет <B>' + Math.round(dt) + '</B>-й день.');
-->
</SCRIPT>

<!-- BODY END HERE -->


</center>
</body>
</html>

8

Скроллинг текста:

Код:
<html>
<head>

<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
 <Style>
   A:Link{ Color: #000000; Text-decoration: underline}
   A:Visited{ Color: #000000; Text-decoration: underline}
   A:Hover{ Color: #000000; Text-decoration: none}
 td, body {font-family: verdana, arial, helvetica; font-size:11px;}  
 </Style>

<!-- HEAD START HERE -->

<script language="JavaScript1.2">

var message= new Array()

// Please read section 2 above on how the messages have to be configured.
// You may add as many messages as you like!
message[0]="Простой скрипт скролинга текста|Можно вставлять ссылки, количество сообщений неограниченно|http://scripts.stsland.ru"

message[1]="Clinton Bashes NY Mayor|Speaking to 1,000 teacher aides on Saturday, Hillary Rodham Clinton attacked Mayor Rudolph Giuliani's positions on education.|http://scripts.stsland.ru"

message[2]="House Bill Curbs Sex Slavery|A House bill designed to protect victims of the growing international sex slavery trade would allow child victims brought to this country to stay in America.|http://scripts.stsland.ru"

// The height of the scrollerbox (pixels)
var scrollerheight=160

// The width of the scrollerbox (pixels)
var scrollerwidth=160

// The distance to the left border of the window (pixels)
var scrollertop=20

// The distance to the top border of the window (pixels)
var scrollerleft=20

// The padding between the scrollerbox and the text (pixels)
var scrollerpadding=10

// The width of the scrollerbox-border (pixels)
var backgroundborder=2

// The background-colour of the scrollerbox
var scrollerbgcolor="DDDDDD"

// Font attributes of the title
var font_titleface="Verdana"
var font_titlecolor="FF0000"
var font_titlesize=1

// Font attributes of the copytext
var font_copyface="Verdana"
var font_copycolor="660000"
var font_copysize=1

// standstill between the messages (milliseconds)
var standstillfix=3000

// Do not edit below this line
var cliptop=0
var clipbottom=scrollerheight-2*scrollerpadding
var clipleft=0
var clipright=scrollerheight

var i_message=0
var mes_joined
var mes_split
var contenttext
var contentbg

var totalheight=scrollerheight*(message.length)
var i_height=0
var step=1
var pause=20

var standstillflex=0

function initiate(){
 contenttext="<table cellpadding=0 cellspacing=0 border=0 width="+(scrollerwidth-2*scrollerpadding)+">"
 contenttext+="<tr valign='top'><td height='"+scrollerheight+"'><br></td></tr>"
 for (i=0;i<=message.length-1;i++) {
  mes_joined=message[i]
  mes_split=mes_joined.split("|")
  contenttext+="<tr valign='top'><td height='"+scrollerheight+"'><a href='"+mes_split[2]+"'><font face='"+font_titleface+"' color='"+font_titlecolor+"' size='"+font_titlesize+"'>"+mes_split[0]+"</font></a><br><font face='"+font_copyface+"' color='"+font_copycolor+"' size='"+font_copysize+"'>"+mes_split[1]+"</font></td></tr>"
 }
 contenttext+="</table>"
 
 contentbg="<table cellpadding=0 cellspacing=0 border="+backgroundborder+" width='"+scrollerwidth+"'><tr><td height='"+scrollerheight+"' bgcolor="+scrollerbgcolor+">&nbsp;</td></tr></table>"
 
 if (document.all) {
  scrollertext.innerHTML=contenttext
  scrollerbg.innerHTML=contentbg
  document.all.scrollertext.style.posTop=scrollertop
  document.all.scrollertext.style.posLeft=scrollerleft
  document.all.scrollerbg.style.posTop=scrollertop-scrollerpadding
  document.all.scrollerbg.style.posLeft=scrollerleft-scrollerpadding
  document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
 }
 if (document.layers) {
  document.scrollertext.document.write(contenttext)
  document.scrollertext.document.close()
  document.scrollerbg.document.write(contentbg)
  document.scrollerbg.document.close()
  document.scrollertext.top=scrollertop
  document.scrollertext.left=scrollerleft
  document.scrollerbg.top=scrollertop-scrollerpadding
  document.scrollerbg.left=scrollerleft-scrollerpadding 
  document.scrollertext.clip.left=clipleft
        document.scrollertext.clip.right=clipright
        document.scrollertext.clip.top=cliptop
        document.scrollertext.clip.bottom=clipbottom
 }
 scroll()
}

function scroll(){
 standstillflex=standstillfix
 if (document.all){
  if (i_height<scrollerheight) {
   i_height+=step
   cliptop+=step
   clipbottom+=step
   document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
   document.all.scrollertext.style.posTop-=step
   var timer=setTimeout("scroll()",pause)
  }

  else {
   if (document.all.scrollertext.style.posTop<=-(totalheight)) {
    document.all.scrollertext.style.posTop=scrollertop
    cliptop=0
    clipbottom=scrollerheight-2*scrollerpadding
    document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
    standstillflex=0
   }
   i_height=0
   clearTimeout(timer)
   var timer=setTimeout("scroll()",standstillflex)
  }
 }
 
  if (document.layers){
   if (i_height<scrollerheight) {
    i_height+=step
    cliptop+=step
    clipbottom+=step
    document.scrollertext.clip.left=clipleft
          document.scrollertext.clip.right=clipright
          document.scrollertext.clip.top=cliptop
          document.scrollertext.clip.bottom=clipbottom
    document.scrollertext.top-=step
    var timer=setTimeout("scroll()",pause)
   }

  else {
   if (document.scrollertext.top<=-(totalheight)) {
    document.scrollertext.top=scrollertop
    cliptop=0
    clipbottom=scrollerheight-2*scrollerpadding
    document.scrollertext.clip.left=clipleft
          document.scrollertext.clip.right=clipright
          document.scrollertext.clip.top=cliptop
          document.scrollertext.clip.bottom=clipbottom
    standstillflex=0
   }
   i_height=0
   clearTimeout(timer)
   var timer=setTimeout("scroll()",standstillflex)
  }
 }
}

</script>


<!-- HEAD END HERE -->




</head>
<body bgcolor="#EDEDED" text="#000000" link="#000000" topmargin="0" leftmargin="0" onLoad="initiate()">
<center>

<!-- BODY START HERE -->

<div id="scrollerbg" style="position:absolute;top:-1000px">&nbsp;</div>
<div id="scrollertext" style="position:absolute;top:-1000px">&nbsp;</div>

<DIV id="deletethisdiv" style="position:absolute;top:10px;left:180px"></DIV>

<!-- BODY END HERE -->



</body>
</html>

9

Текст в произвольном порядке:

Код:
<html>

<body>

<script language="JavaScript"><!--
var h=(Math.random()*10);
 if (h <1) document.writeln(" Жена встает на весы. Муж ухмыляется, глядя на стрелку. <BR> - Ты знаешь, какой у тебя должен быть рост, чтобы соответствовать весу? <br> - Какой? <br> - Пять метров!");
 if (h > 1 && h < 2) document.writeln("- У меня брат в Академии наук,- похвастался другу чукча. <BR> - И что он там изучает? <br> - Там его изучают.");
 if (h > 2 && h < 3) document.writeln("- Алло! Это морг? <BR> - Да! <br> - Позовите гришу с третей полки.");
 if (h > 3 && h < 4) document.writeln(" В ресторане: <BR> - Дайте мне, пожалуйста, булочку с маком. <br> - А может быть, батон с героином?");
 if (h > 4 && h < 5) document.writeln(" Внук спрашивает: <BR> - Бабушка, а Сталин хороший? <br> - Нет! <br> - А Брежнев? <br> - Плохой! <br> - А Ельцин? <br> - Умрет, тогда видно будет.");
 if (h > 5 && h < 6) document.writeln(" За организацию убийства своего компаньона ''нового русского'' приговорили к смертной казни. <BR> - По закону мы можем выполнить вашу последнюю просьбу,- говорит судебный исполнитель. <br> - Предоставьте мне возможность посмотреть ''Санта-Барбару'' до конца.");
 if (h > 6 && h < 7) document.writeln(" Поймал ''новый русский'' золотую рыбку. <BR> - Ну, рыбка, чего хочешь?");
 if (h > 7 && h < 8) document.writeln("- Вы хотели скрыть от государства большую часть своих доходов,- говорит налоговый инспектор ''новому русскому''. <BR> Я не виноват, что в графу ''доходы'' все нули не поместились!");
 if (h > 8 && h < 9) document.writeln(" Больница. В палате лежит мужчина, весь в гипсе, с руками и ногами на подвесках и диктует письмо: ''Уважаемый издатель! На странице 14 Вашей инструкции ''Как управлять вертолетом'' мною была обнаружена опечатка...''");
 if (h > 9 && h <10) document.writeln(" Учителница Вовочке: <BR> - Я задала сочинение о молоке на четыре страниы, а ты написал лишь на страницу. <br> - Я писал о сгущеном молоке.");
// --></script>

</body>
</html>

Вы здесь » GF - Global Forum » Web » Скрипты (Script)