Все дело в правильных скриптах.
Об этом и будет данная инструкция.
Многие думают, что написать скритпы это очень сложно. Вовсе нет. Главное понять основные правила и запомнить шаблон. И вот уже внутри основного шаблона можно менять что угодно на свой вкус.
Рассмотрим несколько скриптов.
Инструкция
1 шаг
Стильное выпадающее меню справа. Такая менюшка подойдет и для больших сайтов-порталов. Сделана она на основе списков и свойств CSS. Вставляем в body:
Линка1
Линка2
Линка3
Линка4
Линка5
Линка6
Линка7
Линка9
Линка10
Линка11
А главную часть со скриптом и описанием стилей
вставляем в head:
startList = function() {//fantasyflash.ru
if (document.all document.getElementById) {
menusRoot = document.getElementById( menus );
for (i=0; i
node = menusRoot.childNodes[i];
if (node.nodeName== LI ) {
node.onmouseover=function() {
this.className+=" over";//osw
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
2 шаг
Ставим музыку на сайт:
3 шаг
Возраст вашего сайта:
d0 = new Date( "September 7, 2002 "); // Начальная дата, от которой отсчитываются дни
d1 = new Date();
dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24);
document.write( "Возраст сайта, в днях - " + Math.round(dt) + " ");
4 шаг
Постепенно набирающееся название форума-сайта:Если всталять в форум,то в хлтм-вверх
Если на сайте,то в хтлм-редактореХтлм
5 шаг
Эффект падающих снежинок:
grphcs=new Array(2)
Image0=new Image();
Image0.src=grphcs[0]="http://fantasyflash.ru/script/web/image/sneg1.gif";
Image1=new Image();
Image1.src=grphcs[1]="http://fantasyflash.ru/script/web/image/sneg1.gif";
Amount=25;
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
ns6=(document.getElementById !document.all)?1:0;
if (ns){
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write("");
}
}
else{
document.write( " ");
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];//osw
document.write( " ");
}
document.write( " ");
}
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;//fantasyflash.ru
for (i=0; i < Amount; i++){
Ypos[i] = Math.round(Math.random()*WinHeight);
Xpos[i] = Math.round(Math.random()*WinWidth);
Speed[i]= Math.random()*5+3;
Cstep[i]=0;
Step[i]=Math.random()*0.1+0.05;
}
function fall(){
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < Amount; i++){
sy = Speed[i]*Math.sin(90*Math.PI/180);
sx = Speed[i]*Math.cos(Cstep[i]);
Ypos[i]+=sy;
Xpos[i]+=sx;
if (Ypos[i] > WinHeight){
Ypos[i]=-60;
Xpos[i]=Math.round(Math.random()*WinWidth);
Speed[i]=Math.random()*5+3;
}
if (ns){
document.layers[ "sn "+i].left=Xpos[i];
document.layers[ "sn "+i].top=Ypos[i]+hscrll;
}
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
}
else{
eval("document.all.si"+i).style.left=Xpos[i];
eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
}
Cstep[i]+=Step[i];
}
setTimeout( "fall() ",20);
}
window.onload=fall
//-->