|
|
|
|
Javascript |
Javascript kodları ile gizli açılan menü yapımı | | Bundan böyle burada javascript kodları vermeye çalışacağım. Bunlardan bazıları benim çok işime yarıyorlar. Gerçektende kullanışlı kodlar denk geliyor, buda bunlardan birtanesi (yukarıda resimdeki) Adı gizli menü ekranın solunda duruyor ve mouse üzerine getirince açılıyor. Kodu aşağıda veriyorum devamını okuyun yazan yere tıklarsanız göreceksiniz, ama önce test etmek isterseniz buraya tıklayarak test sayfamızdan test edebilirsiniz. Testi Firefox harici bir tarayıcıyla yapın mesela internet explorer ile.Unutmayın bunun içeriğini istediğiniz gibi değiştirebilirsiniz.
<HEAD>..</HEAD> arasına eklenecek kod
<HTML>
<HEAD>
<TITLE>gizli-menu</TITLE>
<script language="JavaScript1.2">
/*
Static menu script II (By maXimus, maximus@nsimail.com, http://absolutegb.com/maximus/)
Modified slightly/ permission granted to Dynamic Drive to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
function move(x) {
if (document.all) {
object1.style.pixelLeft += x;
object1.style.visibility = "visible"}
else if (document.layers) {
document.object1.left += x;
document.object1.visibility = "show"}};
function makeStatic() {
if (document.all) {object1.style.pixelTop=document.body.scrollTop+20}
else {eval(document.object1.top=eval(window.pageYOffset+20));}
setTimeout("makeStatic()",0);}
</script>
<style>
<!-
.hl {
Background-Color : yellow;
Cursor:hand;
}
.n {
Cursor:hand;
}
->
</style>
<BODY>..</BODY> arasına eklenecek kod
</HEAD>
<BODY>
<LAYER visibility="hide" top="20" name="object1" bgcolor="black" left="0" onMouseOver="move(132)" onMouseOut="move(-132)">
<script language="JavaScript1.2">
function positionmenu(){
move(-132)
}
if (document.all) {document.write('<DIV ID="object1" style="visibility:hidden;cursor:hand; Position : Absolute ;Left : 0px ;Top : 20px ;Z-Index : 20" onmouseover="move(132)" onmouseout="move(-132)">')}
</script>
<table border="0" cellpadding="0" cellspacing="1" width="150" bgcolor="#000000">
<tr><td bgcolor="#0099FF"> <font size="4" face="Arial"><b>Menu</b></font></td>
<script language="JavaScript1.2">
document.write('<td align="center" rowspan="100" width="16" bgcolor="#FF6666"><span style="font-size:13px"><p align="center"><font face="Arial
Black">G<br>I<br>Z<br>L<br>I<br>M<br>E<br>N<BR>U
</font></p></span></TD>')
</script>
</tr>
<script language="JavaScript1.2"><!-
if (document.all||document.layers) {
makeStatic();}
var text=new Array();
var thelink=new Array();
//configure thelinks below. Extend as desired
text[0]="extradestek.org";
text[1]="buzlu.org";
text[2]="themes-wordpress";
text[3]="epardus";
text[4]="derinayna";
text[5]="egazetem";
text[6]="centerforum";
text[7]="Email";
thelink[0]="http://www.extradestek.org";
thelink[1]="http://www.buzlu.org";
thelink[2]="http://www.themes-wordpress.com";
thelink[3]="http://www.epardus.com";
thelink[4]="http://www.derinayna.com";
thelink[5]="http://www.egazetem.com";
thelink[6]="http://www.centerforum.net";
thelink[7]="mailto:dynamicdrive@yahoo.com";
//enter target of above links
//Valid values are ", 'new', or 'framename' (where 'framename' is the name of the frame you wish the links to target)
var linktarget="
///DO NOT EDIT BELOW THIS LINE////////////////
function navigateie(which){
if (linktarget==")
window.location=thelink[which]
else if (linktarget=='new')
window.open(thelink[which])
else{
temp_var=eval("window.parent."+linktarget)
temp_var.location=thelink[which]
}
}
for (i=0;i<=text.length-1;i++)
if (document.all) {document.write('<TR><TD height=20 bgcolor=white onclick="navigateie('+i+')" onmouseover="className=\'hl\'" onmouseout="className=\'n\'"><FONT SIZE=2 FACE=ARIAL> '+text[i]+'</FONT></TD></TR>')}
else {document.write('<TR><TD bgcolor="white"><ILAYER><LAYER HEIGHT="18" onmouseover="this.bgColor=\'yellow\'" onmouseout="this.bgColor=\'white\'" width=131><FONT SIZE=2 FACE=ARIAL> <A href="'+thelink[i]+'" target="'+linktarget+'" id="nounderline">'+text[i]+'</A></FONT></LAYER></ILAYER></TD></TR>')}
//->
</script>
<tr>
<td bgcolor="#0099FF"><font size="1" face="Arial"> </font></td>
</TR>
</table>
<script language="JavaScript1.2">
if (document.all) {document.write('</DIV>')}
window.onload=positionmenu
</script>
</LAYER>
</BODY>
</HTML>
|
Böyyük Patron Tarafından 03-12-2007 Tarihinde Gönderilmiştir.
Bu Konuyu Yazdır
Kaynak : |
|
|
|
|
|
