hareketli css menü
:: Web Master :: Kod Arşivi
1 sayfadaki 1 sayfası
hareketli css menü
- Kod:
<HTML>
<HEAD>
<TITLE>Hareketli Menü</TITLE>
<META name="Generator" content="Microsoft FrontPage 4.0">
<style>
<!--
#slidemenubar, #slidemenubar2{
position:absolute;
left:-155px;
width:160px;
top:170px;
border:1.5px solid navy;
background-color:lightblue;
layer-background-color:lightblue;
font:bold 12px Verdana;
line-height:20px;
}
-->
</style>
</HEAD>
<BODY topmargin="0" leftmargin="0" link="#0000FF" vlink="#800080" alink="#FF0000">
<!-- Type your text here //-->
<script language="JavaScript1.2">
/*
Sliding Menu Bar Script-
Dynamic Drive ([Linkleri görebilmek için üye olun veya giriş yapın.]
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
if (document.all)
document.write('<div id="slidemenubar2" style="left:-150" onMouseover="pull()" onMouseout="draw()">')
</script>
<layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()">
<script language="JavaScript1.2">
var sitems=new Array()
var sitemlinks=new Array()
//extend or shorten this list
sitems[0]="Mouse"
sitems[1]="panonun üzerine gelince!"
sitems[2]="açığa çıkıyor"
sitems[3]="her satırına"
sitems[4]="istediğinizi"
sitems[5]="yazabilirsiniz"
sitems[6]="Haraketli"
sitems[7]="Değişik"
sitems[8]="Denemeye değer"
sitems[9]=""
sitems[10]=""
sitems[11]=""
sitems[12]=""
//These are the links pertaining to the above text.
sitemlinks[0]="../test.htm"
sitemlinks[1]=".."
sitemlinks[2]="../dynamicindex1/index.html"
sitemlinks[3]="../dynamicindex3/index.html"
sitemlinks[4]="../dynamicindex2/index.html"
sitemlinks[5]="../dynamicindex4/index.html"
sitemlinks[6]="../dynamicindex5/index.html"
sitemlinks[7]="../dynamicindex6/index.html"
sitemlinks[8]="../dynamicindex10/index.html"
sitemlinks[9]="../dynamicindex8/index.html"
sitemlinks[10]="../dynamicindex9/index.html"
sitemlinks[11]="../dynamicindex7/index.html"
sitemlinks[12]="../dynamicindex11/index.html"
for (i=0;i<=sitems.length-1;i++)
document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br />')
</script>
</layer>
<script language="JavaScript1.2">
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",400)
}
window.onload=regenerate2
if (document.all){
document.write('</div>')
themenu=document.all.slidemenubar2.style
rightboundary=0
leftboundary=-150
}
else{
themenu=document.layers.slidemenubar
rightboundary=150
leftboundary=10
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",50)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",50)
}
function pullengine(){
if (document.all&&themenu.pixelLeft<rightboundary)
themenu.pixelLeft+=5
else if(document.layers&&themenu.left<rightboundary)
themenu.left+=5
else if (window.pullit)
clearInterval(pullit)
}
function drawengine(){
if (document.all&&themenu.pixelLeft>leftboundary)
themenu.pixelLeft-=5
else if(document.layers&&themenu.left>leftboundary)
themenu.left-=5
else if (window.drawit)
clearInterval(drawit)
}
</script>
</BODY>
</HTML>
Similar topics
» İmzaya hareketli ifade ekleme
» Duran Nesneye Hareketli Görünümü Verme
» Yazı İçinden Şekil Geçirme ( Hareketli )
» 2D & 3D Animatör programı ile hareketli yazı yapma
» Hareketli Gif resimler - Karşıya Geçme çabaları -
» Duran Nesneye Hareketli Görünümü Verme
» Yazı İçinden Şekil Geçirme ( Hareketli )
» 2D & 3D Animatör programı ile hareketli yazı yapma
» Hareketli Gif resimler - Karşıya Geçme çabaları -
:: Web Master :: Kod Arşivi
1 sayfadaki 1 sayfası
Bu forumun müsaadesi var:
Bu forumdaki mesajlara cevap veremezsiniz