Это не как у Леры, тут слегка другие скрипты...
Это не как у Леры, тут слегка другие скр...
Страница: 1
Сообщений 1 страница 8 из 8
Поделиться227-12-2008 20:01:14
эффект с фоном 1
Код:
<style> <!-- .intro{ position:absolute; left:0; top:0; layer-background-color:green; background-color:green; border:0.1px solid green; z-index:10; } --> </style> <div id="i1" class="intro"></div><div id="i2" class="intro"></div><div id="i3" class="intro"></div><div id="i4" class="intro"></div><div id="i5" class="intro"></div><div id="i6" class="intro"></div><div id="i7" class="intro"></div><div id="i8" class="intro"></div> <script language="JavaScript1.2"> /* Top-Down Curtain Script- © Dynamic Drive (www.dynamicdrive.com) For full source code, 100's more free DHTML scripts, and TOS, visit http://www.dynamicdrive.com */ var ns4=document.layers?1:0 var ie4=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 var speed=20 var temp=new Array() var temp2=new Array() if (ns4){ for (i=1;i<=8;i++){ temp[i]=eval("document.i"+i+".clip") temp2[i]=eval("document.i"+i) temp[i].width=window.innerWidth/8-0.3 temp[i].height=window.innerHeight temp2[i].left=(i-1)*temp[i].width } } else if (ie4||ns6){ var clipbottom=ns6?window.innerHeight:document.body.offsetHeight cliptop=0 for (i=1;i<=8;i++){ temp[i]=ns6?document.getElementById("i"+i).style:eval("document.all.i"+i+".style") temp[i].width=ns6?window.innerWidth/8-2:document.body.clientWidth/8 temp[i].height=ns6?window.innerHeight:document.body.offsetHeight temp[i].left=(i-1)*parseInt(temp[i].width) } } function openit(){ window.scrollTo(0,0) if (ns4){ for (i=1;i<=8;i=i+2) temp[i].bottom-=speed for (i=2;i<=8;i=i+2) temp[i].top+=speed if (temp[2].top>window.innerHeight) clearInterval(stopit) } else if (ie4||ns6){ clipbottom-=speed for (i=1;i<=8;i=i+2){ temp[i].clip="rect(0 auto "+clipbottom+" 0)" } cliptop+=speed for (i=2;i<=8;i=i+2){ temp[i].clip="rect("+cliptop+" auto auto auto)" } if (clipbottom<=0){ if (ns6){ for (i=1;i<=8;i++) temp[i].display="none" } clearInterval(stopit) } } } function gogo(){ stopit=setInterval("openit()",100) } gogo() </script> <a href="http://sababa.webhost.ru" target=_blank> <img src="http://sababa.webhost.ru/image/banner8831.gif" border="0"alt=" Cкрипты, шаблоны, курсоры, часы и знаменитости." width=88height=31></a></center>
Поделиться327-12-2008 20:01:53
эффект 2
Код:
<p> <style> <!-- .intro{ position:absolute; left:0; top:0; layer-background-color:red; background-color:red; border:0.1px solid red; z-index:9; } --> </style> <div id="i1" class="intro"></div><div id="i2" class="intro"></div> <script language="JavaScript1.2"> /* Left-Right Curtain Script- © Dynamic Drive (www.dynamicdrive.com) For full source code, 100's more free DHTML scripts, and TOS, visit http://dynamicdrive.com */ var ns4=document.layers?1:0 var ie4=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 var speed=20 var temp=new Array() var temp2=new Array() if (ns4){ for (i=1;i<=2;i++){ temp[i]=eval("document.i"+i+".clip") temp2[i]=eval("document.i"+i) temp[i].width=window.innerWidth/2 temp[i].height=window.innerHeight temp2[i].left=(i-1)*temp[i].width } } else if (ie4||ns6){ var clipright=ns6?window.innerWidth/2*0.98:document.body.clientWidth/2,clipleft=0 for (i=1;i<=2;i++){ temp[i]=ns6?document.getElementById("i"+i).style:eval("document.all.i"+i+".style") temp[i].width=ns6?window.innerWidth/2*0.98:document.body.clientWidth/2 temp[i].height=ns6?window.innerHeight-1: document.body.offsetHeight temp[i].left=(i-1)*parseInt(temp[i].width) } } function openit(){ window.scrollTo(0,0) if (ns4){ temp[1].right-=speed temp[2].left+=speed if (temp[2].left>window.innerWidth/2) clearInterval(stopit) } else if (ie4||ns6){ clipright-=speed temp[1].clip="rect(0 "+clipright+" auto 0)" clipleft+=speed temp[2].clip="rect(0 auto auto "+clipleft+")" if (clipright<=0){ clearInterval(stopit) if (ns6){ temp[1].display="none" temp[2].display="none" } } } } function gogo(){ stopit=setInterval("openit()",100) } gogo() </script> <a href="http://sababa.webhost.ru" target=_blank> <img src="http://sababa.webhost.ru/image/banner8831.gif" border="0"alt=" Cкрипты, шаблоны, курсоры, часы и знаменитости." width=88height=31></a></center>
Поделиться427-12-2008 20:02:26
эффект 3
Код:
<p> <style> <!-- .intro{ position:absolute; left:0; top:0; layer-background-color:white; background-color:white; border:0.1px solid white; z-index:8; } --> </style> <div id="i1" class="intro"></div> <script language="JavaScript1.2"> /* Boxing In Script-© Dynamic Drive (www.dynamicdrive.com) For source code, installation instructions, 100's DHTML scripts, and TOS, visit http://www.dynamicdrive.com */ var ns4=document.layers?1:0 var ie4=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 //change speed here var speed=5 if (ns4){ var reference=window.innerWidth/window.innerHeight var temp=eval("document.i1.clip") temp.left=temp.top=0 temp.right=window.innerWidth temp.bottom=window.innerHeight } else if (ie4||ns6){ var reference=ns6?parseInt(window.innerWidth)/window.innerHeight: document.body.clientWidth/document.body.clientHeight var rightclip,leftclip,topclip,bottomclip var temp=ns6?document.getElementById("i1").style:document.all.i1.style topclip=leftclip=0 rightclip=temp.width=ns6?window.innerWidth*0.98:document.body.clientWidth bottomclip=temp.height=ns6?window.innerHeight-2:document.body.clientHeight } function doit(){ window.scrollTo(0,0) if (ns4){ if (temp.left>window.innerWidth/2) clearInterval(stopit) temp.left+=reference*speed temp.top+=speed temp.right-=reference*speed temp.bottom-=speed } else if (ie4||ns6){ halfofbrowser=ns6?parseInt(window.innerWidth/2):document.body.clientWidth/2 if (leftclip>halfofbrowser){ clearInterval(stopit) temp.display="none" } temp.clip="rect( "+topclip+" "+rightclip+" "+bottomclip+" "+leftclip+")" leftclip+=reference*speed topclip+=speed rightclip-=reference*speed bottomclip-=speed } } stopit=setInterval("doit()",100) </script> <a href="http://sababa.webhost.ru" target=_blank> <img src="http://sababa.webhost.ru/image/banner8831.gif" border="0"alt=" Cкрипты, шаблоны, курсоры, часы и знаменитости." width=88height=31></a></center>
Поделиться527-12-2008 20:03:06
эффект с фоном 4
Код:
<style> <!-- .intro{ position:absolute; left:0; top:0; layer-background-color:blue; background-color:blue; border:0.1px solid blue; z-index:10; } --> </style> <div id="i1" class="intro"></div><div id="i2" class="intro"></div><div id="i3" class="intro"></div><div id="i4" class="intro"></div><div id="i5" class="intro"></div><div id="i6" class="intro"></div><div id="i7" class="intro"></div><div id="i8" class="intro"></div> <script language="JavaScript1.2"> /* Left-Right Stripy Curtain Script- © Dynamic Drive (www.dynamicdrive.com) For full source code, 100's more free DHTML scripts, and TOS, visit http://www.dynamicdrive.com */ var ns4=document.layers?1:0 var ie4=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 var speed=20 var temp=new Array() var temp2=new Array() if (ns4){ for (i=1;i<=8;i++){ temp[i]=eval("document.i"+i+".clip") temp2[i]=eval("document.i"+i) temp[i].width=window.innerWidth temp[i].height=window.innerHeight/8 temp2[i].top=(i-1)*temp[i].height } } else if (ie4||ns6){ var clipright=ns6?window.innerWidth:document.body.clientWidth clipleft=0 for (i=1;i<=8;i++){ temp[i]=ns6?document.getElementById("i"+i).style:eval("document.all.i"+i+".style") temp[i].width=ns6?window.innerWidth-15:document.body.clientWidth temp[i].height=ns6?window.innerHeight/8:document.body.offsetHeight/8 temp[i].top=(i-1)*parseInt(temp[i].height) } } function openit(){ window.scrollTo(0,0) if (ns4){ for (i=1;i<=8;i=i+2) temp[i].right-=speed for (i=2;i<=8;i=i+2) temp[i].left+=speed if (temp[2].left>window.innerWidth) clearInterval(stopit) } else if (ie4||ns6){ clipright-=speed for (i=1;i<=8;i=i+2){ temp[i].clip="rect(0 "+clipright+" auto 0)" } clipleft+=speed for (i=2;i<=8;i=i+2){ temp[i].clip="rect(0 auto auto "+clipleft+")" } if (clipright<=0){ if (ns6){ for (i=1;i<=8;i++) temp[i].display="none" } clearInterval(stopit) } } } function gogo(){ stopit=setInterval("openit()",100) } gogo() </script> <a href="http://sababa.webhost.ru" target=_blank> <img src="http://sababa.webhost.ru/image/banner8831.gif" border="0"alt=" Cкрипты, шаблоны, курсоры, часы и знаменитости." width=88height=31></a></center>
Поделиться627-12-2008 20:12:09
Скрипт для ссылок.При навелении на ссылку она переливается
Код:
<script language="Javascript"> var rate = 20; var obj; var act = 0; var elmH = 0; var elmS = 128; var elmV = 255; var clrOrg; var TimerID; if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) { Browser = true; } else { Browser = false;} if (Browser) { document.onmouseover = doRainbowAnchor; document.onmouseout = stopRainbowAnchor;} function doRainbow(){ if (Browser && act != 1) { act = 1; obj = event.srcElement; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100);}} function stopRainbow(){ if (Browser && act != 0) { obj.style.color = clrOrg; clearInterval(TimerID); act = 0;}} function doRainbowAnchor(){ if (Browser && act != 1) { obj = event.srcElement; while (obj.tagName != "A" && obj.tagName != "BODY") { obj = obj.parentElement; if (obj.tagName == "A" || obj.tagName == "BODY") break;} if (obj.tagName == "A" && obj.href != "") { act = 1;//osw clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100);}}} function stopRainbowAnchor(){ if (Browser && act != 0) { if (obj.tagName == "A") { obj.style.color = clrOrg; clearInterval(TimerID); act = 0;}}} function ChangeColor(){ obj.style.color = makeColor();} function makeColor(){ if (elmS == 0) { elmR = elmV; elmG = elmV; elmB = elmV;} else { t1 = elmV; t2 = (255 - elmS) * elmV / 255; t3 = elmH % 60; t3 = (t1 - t2) * t3 / 60; if (elmH < 60) { elmR = t1; elmB = t2; elmG = t2 + t3;} else if (elmH < 120) { elmG = t1; elmB = t2; elmR = t1 - t3;} else if (elmH < 180) { elmG = t1; elmR = t2; elmB = t2 + t3;} else if (elmH < 240) { elmB = t1; elmR = t2; elmG = t1 - t3;} else if (elmH < 300) { elmB = t1; elmG = t2; elmR = t2 + t3;} else if (elmH < 360) { elmR = t1; elmG = t2; elmB = t1 - t3;} else { elmR = 0; elmG = 0; elmB = 0;}} elmR = Math.floor(elmR);//fantasyflash.ru elmG = Math.floor(elmG); elmB = Math.floor(elmB); clrRGB = "#" + elmR.toString(16) + elmG.toString(16) + elmB.toString(16); elmH = elmH + rate; if (elmH >= 360) elmH = 0; return clrRGB;}</script> </body> </html><!-- ><!-- "><!-- "><!-- -->
Поделиться727-12-2008 20:14:09
Скрипт для ссылок.При навелении на ссылку она становится радужной
Код:
<style type="text/css"> a{color:#FF00CC; text-decoration:none; } body {font-size:12px; font-family:verdana;} </style><!--fantasyflash.ru--> <link href="http://fantasyflash.ru/script/web/image/style.css" type=text/css rel=stylesheet> </body> </html><!-- ><!-- "><!-- "><!-- -->
Поделиться827-12-2008 20:15:11
Скрипт для ссылок.При навелении на ссылку она мерцает
Код:
<style type="text/css">a:hover{background: url('http://img108.imageshack.us/img108/987/est12jg3.gif'); }</style>
Страница: 1