Помощь - Поиск - Пользователи - Календарь
Полная версия: Скрипты
Форумы HomeNet.kr.ua > Увлечения > В мире науки техники > Программирование
bomfunkY
Люди, я создал эту тему для того что-бы все кто понимает, вылаживали сюда всякие интересные скрипты!)) happy.gif

JavaScript's

На странице идет снег(Для этого нужно скачать прикриплённый файл(снежинка)):

<html>
<head>
<title>Snow</title>
</head>

<body bgcolor="36456c">


<script LANGUAGE="JavaScript1.2">
<!-- Begin
var no = 35; // Количество снежинок
var speed = 6; // скорость падения снежинок
var snowflake = "1.gif";

var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx = 0;
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
if (ns4up) {
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
}
}
}
function snowNS() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
</script>



</body>
</html>

---------------------------------------------------------------------------------------------------------------------

[i]Идущий текст


<html>
<head>
<title>Идущий текст</title>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<META NAME="description" CONTENT="bomfunky.!">
<META NAME="keywords" CONTENT="bomfunky.!">
<Style>
A:Link{ Color: white; Text-decoration: underline}
A:Visited{ Color: white; Text-decoration: underline}
A:Hover{ Color: white; Text-decoration: none}
td, body {font-family: verdana, arial, helvetica; font-size:11px;}
</Style>

<!-- HEAD START HERE -->

<!-- STEP 1: ALTER MESSAGE AND PASTE IN HEAD -->
<script language="javascript">
<!--Telex Script by kurt.grigg@virgin.net
var pos=0;
var speed=250; //TYPE SPEED!
var msg="Wake up Neo..."; // тут нужно изменить что-бі біл ваш тукст!)!
function Type(){
pos++;
if (msg.substring(pos-1,pos) == " ")
{
pos++
}
text=msg.substring(0,pos);
if (document.layers)
{
document.layers.layerA.document.open();
document.layers.layerA.document.write("<div style='position:absolute;top:0px;left:0px;font-family:Courier New;font-size:18px;color:#00ff00'>" + text + "</div>");
document.layers.layerA.document.close();
}
else if (document.all)
document.all.layerA.innerHTML=text;
if (pos < msg.length)
{
tmer=setTimeout('Type();',speed);
}
}
//-->
</script>


<!-- HEAD END HERE -->




</head>
<body bgcolor="#000000" text="#FFFFFF" link="#FFFFFF" topmargin="0" leftmargin="0" onLoad="Type()">



<!-- BODY START HERE -->
<!-- STEP 3: PLACE IN BODY! don't forget to alter width/height to fit you message!!!-->
<table width="200" height="50" border="0"><tr><td valign="top">
<div id="layerA" style="position:relative;font-family:Courier New;font-size:18px;color:#00ff00"></div>
</td></tr></table>


<!-- BODY END HERE -->





</body>
</html>

--------------------------------------------------------------------------------------------------------------------------

Прикольный скрипт(типо ошибка(кнопочка))!

<html>
<head>
<title>Virus</title>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<META NAME="description" CONTENT="bomfunkY.!">
<META NAME="keywords" CONTENT="bomfunkY.!">
<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">


<!-- Begin
function confirmClose() {
alert("Error: 107x has occurred. A virus has begun to infect your hard drive. Please erase all infected files.")
if (confirm("Please inform the the hardware vendor of this error."))
alert('The virus has been contained but the browser will shutdown to check for and prevent further internal damages.');
else
alert('The problem has not been fixed, the browser must be shut downtown to prevent further contamination.');
{
parent.close();
}
}
// End -->
</SCRIPT>


<!-- HEAD END HERE -->




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

<!-- BODY START HERE -->

<FORM>
<input type="button" value ="JavaScript Virus (not really...)" onClick="confirmClose()">
</FORM>


<!-- BODY END HERE -->



</body>
</html>

)) постараюсь скидывать еще



OrioN
как по мне то нет смысла использовать Java Script
анимация, баннеры уже в большинстве случаев делаються во флэше...
это уже не актуальный язык, ИМХО
UnEXiL
:
(OrioN @ 27.01.2007 - 12:39 pm) *

как по мне то нет смысла использовать Java Script
анимация, баннеры уже в большинстве случаев делаються во флэше...
это уже не актуальный язык, ИМХО

дас, точно ты подметил насчет флэша smile.gif
Малыш, на заметку, лучше было бы, если б ты прикрепил просто отдельный файл со скриптом, а не писал весь листинг сюда.
bomfunkY
КЕНТ давай хотябі ті скидівай скрипті, интересно же! happy.gif
Kent
ок wink.gif есль что-то интересное найду то скину)
NAVIGATOR
Люди, подскажите, это скрипт какой то или что??? Вообщем делаются картинки где написано ИП, СТРАНА, БРАУЗЕР и ОС.
Actepix
КОД
Вы используете :
\");"; $content .= "document.write(\"Браузер - \" + navigator.appName + \"
\");"; $content .= "document.write(\"Кодовое название - \" + navigator.appCodeName + \"
\");"; $content .= "document.write(\"Версия браузера - \" + navigator.appVersion + \"
\");"; $content .= "document.write(\"Платформа - \" + navigator.platform+\"
\");"; $content .= "if (navigator.appVersion.substring(0,1)==\"4\")"; $content .= "{document.write(\"Разрешение - \"+screen.width+\" х \"+screen.height+\"\")};"; $content .= "
Ваш IP - $ip"; ?>
Actepix
Время и дата в вверхнем правом углу.
КОД
<body bgcolor=white>
<title>http://bjs.stsland.ru/ - Áàçà ßâà Ñêðèïòîâ (bjs)</title>


<script LANGUAGE="JavaScript">


         var now = new Date();
         var hours = now.getHours();
         var minutes = now.getMinutes();
         var timeValue = "" + ((hours >12) ? hours -12 :hours)
         timeValue += ((minutes < 10) ? ":0" : ":") + minutes
         timeValue += (hours >= 12) ? " P.M." : " A.M."
         timerRunning = true;


      mydate = new Date();
      myday = mydate.getDay();
      mymonth = mydate.getMonth();
      myweekday= mydate.getDate();
      weekday= myweekday;
      myyear= mydate.getYear();
      year = myyear

      if(myday == 0)
              day = " Sunday, "      

      else if(myday == 1)
            day = " Monday, "

      else if(myday == 2)
              day = " Tuesday, "  

      else if(myday == 3)
              day = " Wednesday, "  

      else if(myday == 4)
              day = " Thursday, "

      else if(myday == 5)
              day = " Friday, "

      else if(myday == 6)
              day = " Saturday, "

      if(mymonth == 0)
               month = "January "

      else if(mymonth ==1)
               month = "February "

      else if(mymonth ==2)
              month = "March "

      else if(mymonth ==3)
             month = "April "

      else if(mymonth ==4)
               month = "May "

      else if(mymonth ==5)
               month = "June "

      else if(mymonth ==6)
               month = "July "

      else if(mymonth ==7)
             month = "August "

      else if(mymonth ==8)
            month = "September "

      else if(mymonth ==9)
           month = "October "

      else if(mymonth ==10)
           month = "November "

      else if(mymonth ==11)
           month = "December"

      document.write("<B><P ALIGN=RIGHT><FONT SIZE=-1 FACE=VERDANA,ARIAL>" + timeValue + " | " +day + month);
      document.write(myweekday+","+ " " + year + "</FONT></B><BR><HR WIDTH=300 ALIGN=RIGHT><P>");

</SCRIPT>
Actepix
Вот еще нашол у себя скрипт насчет инфы. Этот по круче будет, только редактировать нада под себя.
КОД
<html>
<head>
<title>http://bjs.stsland.ru/ - Áàçà ßâà Ñêðèïòîâ (bjs)</title>
<script language="JavaScript" type="text/javascript">
<!--
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+interne
tTime+newline+screenresolution+newline+lastdoc+newline+countvisits+newline+javae
nabled+newline+babiesbornresult+newline+newline+"Âû íà ñàéòå bjs.stsland.ru"+newline+newline)

}

// -->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000" link="#000000"alink="#000000" vlink="#000000" onLoad="showAlert()">
<center>
<table cellspacing="2" cellpadding="2" border="0" width=380 height=280>
<tr>
<td valign=bottom align=center><font face="Verdana" size=1><a href="java script:showAlert()">Åùå ðàç ïîñìîòðåòü ðåçóëüòàò<br><br><a href="http://bjs.stsland.ru/" target="blank">Äðóãèå ñêðèïòû íà http://bjs.stsland.ru/</a></font></td>
</tr>
</table>
</center>
</body>
</body>
</html>
NAVIGATOR
Спасиба Астерикс, еще и твой вариант попробую)
Кстати... Для ленивых... Ставим рисунок, а путь указываем http://www.wieistmeineip.de/ip-address/
Actepix
Без проблем, если будут вопросы - обращайся.
Actepix
Герлянда на сайте(кто помнит у меня такая была на Халф-Лайф сайте.)
1. Откройте файл themes/Ваша_тема/theme.php

2. Найдите
echo "<body ... далее в зависимости от Вашей темы

3. Сразу после этой строки вставте следующий код:

echo"<DIV id=top style=\"Z-INDEX: 20; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px\" width=\"100%\">
<OBJECT id=lights codeBase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.ca b#version=6,0,0,0\" height=60 width=\"100%\" classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000><PARAM NAME=\"_cx\" VALUE=\"33338\"><PARAM NAME=\"_cy\" VALUE=\"1588\"><PARAM NAME=\"FlashVars\" VALUE=\"\"><PARAM NAME=\"Movie\" VALUE=\"http://Ваш_сайт/lights.swf\"><PARAM NAME=\"Src\" VALUE=\"http://Ваш_сайт/lights.swf\"><PARAM NAME=\"WMode\" VALUE=\"Transparent\"><PARAM NAME=\"Play\" VALUE=\"0\"><PARAM NAME=\"Loop\" VALUE=\"-1\"><PARAM NAME=\"Quality\" VALUE=\"High\"><PARAM NAME=\"SAlign\" VALUE=\"\"><PARAM NAME=\"Menu\" VALUE=\"0\"><PARAM NAME=\"Base\" VALUE=\"\"><PARAM NAME=\"AllowScriptAccess\" VALUE=\"always\"><PARAM NAME=\"Scale\" VALUE=\"ShowAll\"><PARAM NAME=\"DeviceFont\" VALUE=\"0\"><PARAM NAME=\"EmbedMovie\" VALUE=\"0\"><PARAM NAME=\"BGColor\" VALUE=\"FFFFFF\"><PARAM NAME=\"SWRemote\" VALUE=\"\"><PARAM NAME=\"MovieData\" VALUE=\"\"><PARAM NAME=\"SeamlessTabbing\" VALUE=\"1\">
<EMBED src=\"http://Ваш_сайт/lights.swf\" menu=false quality=high bgcolor=#FFFFFF
wmode=\"transparent\" WIDTH=\"100%\" HEIGHT=\"60\" NAME=\"lights\" ALIGN=\"\"
TYPE=\"application/x-shockwave-flash\"
PLUGINSPAGE=\"http://www.macromedia.com/go/getflashplayer\"></EMBED>
</OBJECT></DIV>\n";

незабыв при этом заменить слова "Ваш_сайт" на соответственно адрес Вашего сайта (3 раза).

4. Сохраните и закройте.
5. Скопируйте в корень Вашего сайта прилагаемый swf файл "lights.swf" и измененный "theme.php" на родное место.
6. Радуйтесь.
Работает на Нюке, но если есть руки то и на обычном двишке пойдет.
VinT
Пипл! Нужен скрипт, который будет при наведении на <img> отодвигает плавно её всторону. И под ней появлялись ссылки вида <a href...>. Может кто-то встречал, или знает как писать такое, отпишитесь плиз.
bomfunkY
Пример покажи
VinT
ЛОЛ
Как я тебе пример покажу, если я хочу что бы такое помогли сделать? smile.gif
===
Сейчас анимацию нарисую, что бы наглядно было видно.
VinT
Вот:
Kent
Можешь попробывать это.

КОД
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>
<HEAD>
<TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">

<STYLE type=text/css>
<!--
.lilguydiv {left:100px; width:30px; position:absolute; top:100px; height:21px}
.menudiv {border:red 2px solid; z-index:10; left:60px; visibility: hidden;
font-size:10pt;  width:160px; position:absolute; top:80px; height:106px; background-color:white}

//-->
</STYLE>

</HEAD>

<BODY>Run your pointer over this little guy to get a menu ...

<DIV class=lilguydiv>
<A onmouseover=menu(1) href="java script:\\">
Текст или картинка.</A></DIV>

<DIV class=menudiv id="linkmenu">
<CENTER><B>Select A Link</B></CENTER>
<UL><A href="java script:fakelocation(1)">
  <LI>Link One</A> <A href="java script:fakelocation(2)">
  <LI>Link Two</A> <A href="java script:fakelocation(3)">
  <LI>Link Three</A> </LI></UL></DIV>

<script type=text/javascript>
<!--

var nav=(document.layers);
var n_6=(window.sidebar);
if(nav)document.captureEvents(Event.MOUSEMOVE);
if(n_6) document.addEventListener("mousemove",track,true);
document.onmousemove=track;

function track(e)
{
  var x=(nav||n_6)?e.pageX:event.x;
  var y=(nav||n_6)?e.pageY:event.y;
  x=parseInt(x);
  y=parseInt(y);
  isvis(x,y);
}

function isvis(x,y)
{
  if(nav)
  {
    if(document.linkmenu.visibility!="hide")
    {
      if(x<60||x>220||y<80||y>166)document.linkmenu.visibility="hide";
    }
  }
  else if(n_6)
  {
    if(document.getElementById("linkmenu").style.visibility!="hidden")
    {
      if(x<60||x>220||y<80||y>186)document.getElementById("linkmenu").style.visibility="hidden";
    }
  }
  else if(linkmenu.style.visibility!="hidden")
  {
    if(x<60||x>220||y<80||y>186)linkmenu.style.visibility="hidden";
  }
}

function menu(n)
{
  if(nav)
  {
    document.linkmenu.visibility=(n!=0)?"visible":"hidden";
  }
  else if(n_6)
  {
    document.getElementById("linkmenu").style.visibility=(n!=0)?"visible":"hidden";
  }    
  else linkmenu.style.visibility=(n!=0)?"visible":"hidden";
}

function fakelocation(n)
{
  alert("This is target "+n+" ......\nreplace this link with your target URL");
}

// -->
</SCRIPT>
</BODY></HTML>
VinT
Спасибо. Нето.
VinT
Очень похоже на то что я искал:
Вставить в HEAD
КОД
<style>

#divMenu {font-family:arial,helvetica; font-size:12pt; font-weight:bold}
#divMenu a{text-decoration:none;}
#divMenu a:hover{color:orange;}
</style>
<script language="JavaScript1.2">
/********************************************************************************

Submitted with modifications by Jack Routledge (http://fastway.to/compute) to DynamicDrive.com
Copyright (C) 1999 Thomas Brattli @ www.bratta.com
This script is made by and copyrighted to Thomas Brattli
This may be used freely as long as this msg is intact!
This script has been featured on http://www.woscripts.com
********************************************************************************

Browsercheck:*/
ie=document.all?1:0
n=document.layers?1:0
ns6=document.getElementById&&!document.all?1:0

//These are the variables you have to set:

//How much of the layer do you wan't to be visible when it's in the out state?
lshow=60

//How many pixels should it move every step?
var move=200;

//At what speed (in milliseconds, lower value is more speed)
menuSpeed=5

//Do you want it to move with the page if the user scroll the page?
var moveOnScroll=true

/********************************************************************************

You should't have to change anything below this.
********************************************************************************
/
//Defining variables

var ltop;
var tim=0;

//Object constructor
function makeMenu(obj,nest){
    nest=(!nest) ? '':'document.'+nest+'.'
    if (n) this.css=eval(nest+'document.'+obj)
    else if (ns6) this.css=document.getElementById(obj).style
    else if (ie) this.css=eval(obj+'.style')                        
    this.state=1
    this.go=0
        if (n) this.width=this.css.document.width
        else if (ns6) this.width=document.getElementById(obj).offsetWidth
        else if (ie) this.width=eval(obj+'.offsetWidth')
    this.left=b_getleft
    this.obj = obj + "Object";     eval(this.obj + "=this")    
}
//Get's the top position.
function b_getleft(){
        if (n||ns6){ gleft=parseInt(this.css.left)}
        else if (ie){ gleft=eval(this.css.pixelLeft)}
    return gleft;
}
/********************************************************************************

Deciding what way to move the menu (this is called onmouseover, onmouseout or onclick)
********************************************************************************
/
function moveMenu(){
    if(!oMenu.state){
        clearTimeout(tim)
        mIn()    
    }else{
        clearTimeout(tim)
        mOut()
    }
}
//Menu in
function mIn(){
    if(oMenu.left()>-oMenu.width+lshow){
        oMenu.go=1
        oMenu.css.left=oMenu.left()-move
        tim=setTimeout("mIn()",menuSpeed)
    }else{
        oMenu.go=0
        oMenu.state=1
    }    
}
//Menu out
function mOut(){
    if(oMenu.left()<0){
        oMenu.go=1
        oMenu.css.left=oMenu.left()+move
        tim=setTimeout("mOut()",menuSpeed)
    }else{
        oMenu.go=0
        oMenu.state=0
    }    
}
/********************************************************************************

Checking if the page is scrolled, if it is move the menu after
********************************************************************************
/
function checkScrolled(){
    if(!oMenu.go) oMenu.css.top=eval(scrolled)+parseInt(ltop)
    if(n||ns6) setTimeout('checkScrolled()',30)
}
/********************************************************************************

Inits the page, makes the menu object, moves it to the right place,
show it
********************************************************************************
/
function menuInit(){
    oMenu=new makeMenu('divMenu')
        if (n||ns6) scrolled="window.pageYOffset"
        else if (ie) scrolled="document.body.scrollTop"
    oMenu.css.left=-oMenu.width+lshow
        if (n||ns6) ltop=oMenu.css.top
        else if (ie) ltop=oMenu.css.pixelTop
    oMenu.css.visibility='visible'
    if(moveOnScroll) ie?window.onscroll=checkScrolled:checkScrolled();
}


//Initing menu on pageload
window.onload=menuInit;
</script>
Вставить в BODY
КОД
<div id="divMenu" style="position:absolute; top:150; left:30; visibility:hidden; background-color:black">
<nobr>
    <a href='index.html'><img src='but1.jpg'></img></a>
    <a href='photos.htm'><img src='but2.jpg'></img></a>  
    <a href='photos.htm'><img src='but4.jpg'></img></a>  
        <a href='photos.htm'><img src='but3.jpg'></img></a>
    <a href="java script://" onclick="moveMenu()" style="background-color:black;text-decoration:none"> < Меню</a>
</nobr>
</div>
Это "текстовая" версия, возможен просмотр только основного контента. Для просмотра полной версии этой страницы, пожалуйста нажмите сюда.
Invision Power Board ©