Programalama > ASP

<div class="intro" id="i2" style="width: 977px; clip: rect(0px auto auto 980px); top: 74px; height: 74px">
	 </div>
<div class="intro" id="i3" style="width: 977px; clip: rect(0px -3px auto 0px); top: 148px; height: 74px">
	 </div>
<div class="intro" id="i4" style="width: 977px; clip: rect(0px auto auto 980px); top: 222px; height: 74px">
	 </div>
<div class="intro" id="i5" style="width: 977px; clip: rect(0px -3px auto 0px); top: 296px; height: 74px">
	 </div>
<div class="intro" id="i6" style="width: 977px; clip: rect(0px auto auto 980px); top: 370px; height: 74px">
	 </div>
<div class="intro" id="i7" style="width: 977px; clip: rect(0px -3px auto 0px); top: 444px; height: 74px">
	 </div>
<div class="intro" id="i8" style="width: 977px; clip: rect(0px auto auto 980px); top: 518px; height: 74px">
	 </div>
<p>
<script language="JavaScript1.2"> 
var speed=20 

var temp=new Array() 

var temp2=new Array() 

if (document.layers){ 

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 (document.all){ 

var clipright=document.body.clientWidth,clipleft=0 

for (i=1;i<=8;i++){ 

temp[i]=eval("document.all.i"+i+".style") 

temp[i].width=document.body.clientWidth 

temp[i].height=document.body.offsetHeight/8 

temp[i].top=(i-1)*parseInt(temp[i].height) 

} 

} 

function openit(){ 

window.scrollTo(0,0) 

if (document.layers){ 

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 (document.all){ 

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) 

clearInterval(stopit) 

} 

} 

function gogo(){ 

stopit=setInterval("openit()",100) 

} 

gogo() 

</SCRIPT><SCRIPT type=text/javascript>
/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: HunBug | http://www.astral-consultancy.co.uk/ */

var fadeOpacity  = new Array();
var fadeTimer    = new Array();
var fadeInterval = 100;  // milliseconds

function fade(o,d) {
  // o - Object to fade in or out.
  // d - Display, true =  fade in, false = fade out

  var obj = document.getElementById(o);

  if((fadeTimer[o])||(d&&obj.style.display!=''block'')||(!d&&obj.style.display==''block'')) {
    if(fadeTimer[o])
      clearInterval(fadeTimer[o]);
    else
      if(d) fadeOpacity[o] = 0;
      else  fadeOpacity[o] = 9;
  
    obj.style.opacity = "."+fadeOpacity[o].toString();
    obj.style.filter  = "alpha(opacity="+fadeOpacity[o].toString()+"0)";
    
    if(d) {
      obj.style.display = ''block'';
      fadeTimer[o] = setInterval(''fadeAnimation("''+o+''",1);'',fadeInterval);
    } else
      fadeTimer[o] = setInterval(''fadeAnimation("''+o+''",-1);'',fadeInterval);
  }
}

function fadeAnimation(o,i) {
  // o - o - Object to fade in or out.
  // i - increment, 1 = Fade In

  var obj = document.getElementById(o);
  fadeOpacity[o] += i;
  obj.style.opacity = "."+fadeOpacity[o].toString();
  obj.style.filter  = "alpha(opacity="+fadeOpacity[o].toString()+"0)";

  if((fadeOpacity[o]==''9'')|(fadeOpacity[o]==''0'')) {
    if(fadeOpacity[o]==''0'')
      obj.style.display = ''none'';
    else {
      obj.style.opacity = "1";
      obj.style.filter  = "alpha(opacity=100)";
    }

    clearInterval(fadeTimer[o]);
    delete(fadeTimer[o]);
    delete(fadeTimer[o]);
    delete(fadeOpacity[o]);
  }  
}
</script>	<style>
.demoPopup {
  border: solid 1px #333;
  font-family: Tahoma;
  font-size: 12px;
  display: none;
  position: absolute;
  width: 300px;
  z-index: 60;
}

.demoPopuptitle {
  background: blue;
  color: white;
  font-weight: bold;
  height: 15px;
  padding: 5px;
}

.demoPopupbody {
  background: #ddd;
  padding: 5px;
  text-align: center;
}

#demoPopup1 {
  top: 100px;
  left: 50px;
}

#demoPopup2 {
  top: 100px;
  left: 400px;
}
</style> <input onclick="fade(''demoPopup1'',true);" size="43" style="width: 555px; height: 24px" type="button" value="KUSURSUZ TEMİZLİK TIKLA" /></p>