Manset kodu
Not: Resimleri,Linkleri ve Başlıkları Kendinize Göre Ayarlayın
| Kod: |
| <!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> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" /> <style type="text/css"> BODY { FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif } A { COLOR: #333; TEXT-DECORATION: none } A:hover { COLOR: #f60; TEXT-DECORATION: underline } .Hr_1{} .Hr_1 IMG { BORDER-RIGHT: #a3afc5 1px solid; BORDER-TOP: #a3afc5 1px solid; FLOAT:none; BORDER-LEFT: #a3afc5 1px solid; BORDER-BOTTOM: #a3afc5 1px solid; } .Hr_11 { BORDER-TOP: #a3afc5 1px solid; MARGIN: 0px 0px 0px 312px; WIDTH: 124px; LINE-HEIGHT: 32px;position:absolute } .Hr_11 .nor { PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(https://img.webme.com/pic/h/hazirhtmlkodlar/a.gif) 100% -1000px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 104px; PADDING-TOP: 0px; TEXT-DECORATION: none } .Hr_11 .act { PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(https://img.webme.com/pic/h/hazirhtmlkodlar/a.gif) 100% -1041px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 104px; COLOR: #fff; PADDING-TOP: 0px; TEXT-DECORATION: none } </style> </HEAD> <BODY> <script language="JavaScript"> /* ------------------------------------------------------------------------ www.lanrentuku.com ------------------------------------------------------------------------- */ var n=0; var showNum = document.getElementById("num"); function Mea(value){ n=value; setBg(value); plays(value); } function setBg(value){ for(var i=0;i<5;i++){ if(value==i){ document.getElementById("a"+value).className='act'; } else{ document.getElementById("a"+i).className='nor'; } } } function plays(value){ for(i=0;i<5;i++){ if(i==value){ document.getElementById("pc_"+value).style.display="block"; //alert(document.getElementById("pc_"+value).style.display) }else{ document.getElementById("pc_"+i).style.display="none"; } } } function clearAuto(){clearInterval(autoStart)} function setAuto(){autoStart=setInterval("auto(n)", 3000)} function auto(){ n++; if(n>4)n=0; Mea(n); } function sub(){ n--; if(n<0)n=4; Mea(n); } setAuto(); </SCRIPT> <table width="429" height="322" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="390" height="195"><div class="Hr_1" id="div" style="CURSOR: hand"> <div class="Hr_11"> <a class=act id=a0 onmouseover=clearAuto(); onclick=Mea(0); onmouseout=setAuto() href="#" target=_self>Haber Başlığı 1</a> <a class=nor id=a1 onmouseover=clearAuto(); onclick=Mea(1); onmouseout=setAuto() href="#" target=_self>Haber Başlığı 2</a> <a class=nor id=a2 onmouseover=clearAuto(); onclick=Mea(2); onmouseout=setAuto() href="#" target=_self>Haber Başlığı 3</a> <a class=nor id=a3 onmouseover=clearAuto(); onclick=Mea(3); onmouseout=setAuto() href="#" target=_self>Haber Başlığı 4</a> <a class="nor" id=a4 onmouseover=clearAuto(); onclick=Mea(4); onmouseout=setAuto() href="#" target=_self>Haber Başlığı 5</a> </div> <a href="" target="_blank"><img id="pc_0" style="DISPLAY: block" height="160" src="https://img.webme.com/pic/h/hazirhtmlkodlar/001.jpg" width="317" /></a> <a href="" target="_blank"><img id="pc_1" style="DISPLAY: none" height="160" src="https://img.webme.com/pic/h/hazirhtmlkodlar/002.jpg" width="317" /></a> <a href="" target="_blank"><img id="pc_2" style="DISPLAY: none" height="160" src="https://img.webme.com/pic/h/hazirhtmlkodlar/003.jpg" width="317" /></a> <a href="" target="_blank"><img id="pc_3" style="DISPLAY: none" height="160" src="https://img.webme.com/pic/h/hazirhtmlkodlar/004.jpg" width="317" /></a> <a href="" target="_blank"><img id="pc_4" style="DISPLAY: none" height="160" src="https://img.webme.com/pic/h/hazirhtmlkodlar/005.jpg" width="317" /></a> </div> </td> </tr> <tr> |