ÿþ<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="stylesheet" type="text/css" href="css/HituyCss.css" /> <title>Moving Div</title> </head> <body> <div class="MovingDiv Out" onmousemove="StopMove=true;" onmouseout="StopMove=false;"> <!--<div class="MovingDiv Head"> ÔÕÓâÕê </div>--> <div class="MovingDiv Body" id="MovingDiv_Body" style="padding-top: 115px;"> <div class="MovingDiv Row" id="Row1"> ÞÕÞ×ÙÝ ÑàÙçÕÙ Õ×ÙØÕÙ ÞÐÒèÙ ÞÙÝ ÑÑàÙÙàÙÝ èÑÙ çÕÞÕê </div> <div class="MovingDiv Row" id="Row2"> 10% Ôà×Ô Ü×ÙØÕÙ ÞÐÒè ÔÞÙÝ ÜäÕàÙÝ ÓèÚ ÔÐêè </div> <div class="MovingDiv Row" id="Row3"> 15% Ôà×Ô âÜ ÞÛÙèÔ ÕÔêçàÔ éÜ áààÙ ÞÙÝ ÜäÕàÙÝ ÓèÚ ÔÐêè </div> </div> <!--<marquee behavior="scroll" direction="up"> <div class="MovingDiv Row" id="Row1"> ÞÕÞ×ÙÝ ÑàÙçÕÙ Õ×ÙØÕÙ ÞÐÒèÙ ÞÙÝ ÑÑàÙÙàÙÝ èÑÙ çÕÞÕê </div> <div class="MovingDiv Row" id="Row2"> 10% Ôà×Ô Ü×ÙØÕÙ ÞÐÒè ÔÞÙÝ ÜäÕàÙÝ ÓèÚ ÔÐêè </div> <div class="MovingDiv Row" id="Row3"> 15% Ôà×Ô âÜ ÞÛÙèÔ ÕÔêçàÔ éÜ áààÙ ÞÙÝ ÜäÕàÙÝ ÓèÚ ÔÐêè </div> </marquee>--> </div> <script type="text/javascript" language="javascript"> var StopMove=false; var tm; var isRow1Show=true; var isRow2Show=true; function MDiv() { if(!StopMove) { var curPixTop=document.getElementById("MovingDiv_Body").style.paddingTop; if(curPixTop.indexOf("px")>-1) { curPixTop=curPixTop.substring(0,curPixTop.indexOf("px")); } if(curPixTop<=1) { if(isRow1Show) { curPixTop=50; document.getElementById("Row1").style.display="none"; isRow1Show=false; } else if(isRow2Show) { curPixTop=50; document.getElementById("Row2").style.display="none"; isRow2Show=false; } else { curPixTop=115; document.getElementById("Row1").style.display="block"; isRow1Show=true; document.getElementById("Row2").style.display="block"; isRow2Show=true; } } document.getElementById("MovingDiv_Body").style.paddingTop=curPixTop-1+"px"; } clearTimeout(tm); tm=setTimeout(MDiv,40); } MDiv(); </script> </body> </html>