<div style="width: 895px">

    <ul id="topnav">

        <li><a href="#">Anasayfa </a></li>

        <li><a href="#">Hizmetler </a></li>

        <li><a href="#">Portföy </a></li>

        <li><a href="#">Blog </a></li>

        <li><a href="#">Hakkında</a></li>

        <li><a href="#">İletişim </a></li>

    </ul>

</div>

<style type="text/css">

    ul#topnav

    {

        margin: 0;

        padding: 0;

        list-style: none;

        float: left;

        font-size: 1.1em;

    }

    ul#topnav li

    {

        margin: 0;

        padding: 0;

        overflow: hidden;

        float: left;

        height: 40px;

    }

    ul#topnav a, ul#topnav span

    {

        padding: 10px 20px;

        float: left;

        text-decoration: none;

        color: #fff;

        background: url( 'http://www.yazilimmutfagi.com/demo/demo1/images/a.jpg' ) repeat-x;

        text-transform: uppercase;

        clear: both;

        width: 100%;

        height: 20px;

        line-height: 20px;

    }

    ul#topnav span

    {

        display: none;

    }

    ul#topnav a

    {

        background-position: left bottom;

        background: url(   'http://www.yazilimmutfagi.com/demo/demo1/images/b.jpg' ) repeat-x;

        color: #000066;

    }

    ul#topnav span

    {

        background-position: left top;

    }

</style>

<script type="text/javascript" src="http://www.yazilimmutfagi.com/demo/demo1/jquery-1.3.2.min.js">

</script>

<script type="text/javascript">

    $(document).ready(function() {

        $("#topnav li").prepend("<span></span>"); 

        $("#topnav li").each(function() {

            var linkText = $(this).find("a").html();

            $(this).find("span").show().html(linkText); 

        });

        $("#topnav li").hover(function() {    

            $(this).find("span").stop().animate({

                marginTop: "-40" 

            }, 250);

        }, function() { 

            $(this).find("span").stop().animate({

                marginTop: "0" 

            }, 250);

        });

    });

</script>