0
Sepetiniz Boş

code

<html>

<head>

<script type="text/javascript" 

src="jquery-1.3.2.min.js"> </script>

</head>

<style type="text/css">
   
#menu li{float:left;padding:5px;margin:5px;

         list-style-type:none;}
		 
#container{clear:both;}

</style>

<script type="text/javascript">
    audio = new Audio();
    audio.src = "ney.mp3";
    audio.loop = false;
    audio.play();
 

$(document).ready(function(){

$("#menu li a").click(function(){
   var url=$(this).data('url');
   
   $("#container").load(url);
   
  });
  
});
	
    
</script>

<body>

<ul id="menu">
    <li><a data-url="anasayfa.html"href="#">Anasayfa</a></li>
    <li><a data-url="css.html" href="#">Css</a></li>
    <li><a data-url="php.html" href="#">Php</a></li>
    <li><a data-url="iletisim.html" href="#">iletişim</a></li>
</ul>

<div id="container">

<h1>ANA SAYFA BÖLÜMÜ</h1>
<p>Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir.</p>

<p>Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir.</p>

</div> 

<br/>
<br/>
<br/>
<div id="footer"style="background-color:skyblue;">FOOTER BÖLÜMÜ</div>

</body>

</html>
Open chat