Üye Girişi Yapınız     


    E-Posta
    

    Şifreniz
    



Şifremi Unuttum


Ana Sayfa Site Hakkında İletişim Ziyaretçi Defteri Döküman İndir Makale Ekle Haber Ekle

     Javascript ve Css Kullanarak Yatay Menu Yapımı (Body Etiketini Kullanmadan..)
     Muhammed Öztürk     07.03.2013     08:39:31

Javascript ve Css kullanarak yapmış olduğum bir Yatay Menu...



Kodları:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<script type="text/javascript">

var sayi1 = 3

var sayi2 = 5

var sayi3 = sayi1 * sayi2

document.write("<li> <a href=anasayfa.html>" + sayi1 + "*" + sayi2 + "=" + sayi3 + "</a>");

var sayi4 = 2

var sayi5 = 5

var sayi6 = sayi4 * sayi5;

document.write("<li> <a href=>" + sayi4 + "*" + sayi5 + "=" + sayi6 + "</a>");

var sayi7 = 3

var sayi8 = 5

var sayi9 = sayi7 * sayi8;

document.write("<li> <a href=>" + sayi7 + "*" + sayi8 + "=" + sayi9 + "</a>" );

document.write("<li> <a href=>" + "Anasayfa</a>");

document.write("<li> <a href=>" + "Hakkında</a>");

document.write("<li> <a href=>" + "İletişim</a>");

document.write("<center><br>javascriptten hem çarpma işlemi hem yatay menü yapımı :) :)");

document.write("<br>Body arası Boş gördüğünüz gibi :) :)");

</script>

<style type="text/css">

body {padding:30px;}

li{display:inline;margin-left:-5px; }

a {color:red; background:#933; padding:8px; border:1px solid; font-size:25px; text-decoration:none;}

a:hover{color:#909; background:#963; border:solid 1px; font-size:25px;}

center {font-size:25px;}

</style>

</head>

<body>

</body>

</html>

Facebook'ta Paylaş    
Diğer JavaScript İçerikleri       Tüm Yazılar        Ana Sayfa


  =>Soru Sorun veya Yorum Yazın...

İsim Giriniz :
  

  =>Yapılan Yorumlar...

ahmet    05.06.2013    14:00:43

Çalışan denemesi de olsaydı keşke....


admin    06.06.2013    08:29:09

Kodları not defterine yapıştırıp .html uzantısı ile kaydedin. Çalışır.