Помогнете с Javascript / CSS

[HKOne]

Здравейте. Как мога да направя менюто когато кликна примерно на "начало", стрелката да си остане там?И също така как мога да го направя плавно да се мести стрелката?
Това е сайта!

 

[M1tq96]

знам какво търсиш , но за жалост немога да намеря точно това меню , на което искаш да прилича твоето , НО намерих една статия която ще ти е от полза .. има това + още 2-3 промера кое как става..

Статия: http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/

 

[HKOne]

Някой може ли да ми го направи, че аз не успях.
Това е index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

    <head>
        <title>Title</title>

        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        
        <link rel="stylesheet"  type="text/css" href="css/style.css" />
    </head>

    <body>
          
        <div id="container">
            <div id="logo"></div>
            
            <ul id="nav">
                <li><a href="#">НАЧАЛО</a></li>
                <li><a href="#">ИСТОРИЯ</a></li>
                <li><a href="#">ФИЛМИТЕ</a></li>
                <li><a href="#">АКТЬОРИТЕ</a></li>
                <li><a href="#">СНИМКИ</a></li>
                <li><a href="#">КОНТАКТИ</a></li>
            </ul>
            
            <div class="clear"></div>
            
            <div id="line"></div>
        </div>
        
    </body>

</html>

А това e style.css
[css]body { margin: 0; padding: 0; }

.clear { clear: both; height: 0; }

#container { background: url(../img/americanpie.gif) repeat-x; padding-top: 21px; width: 1680px; }

#logo { background: url(../img/logo.jpg) no-repeat; width: 258px; height: 76px; margin-left: 285px; float: left; }

#nav { float: left; list-style: none; margin: 50px 0 0 328px; }
#nav li { display: inline-block; }
#nav a:link, #nav a:visited { float: left; margin-left: 3px; height: 40px; text-decoration: none; color: #ae0000; font: 14px Arial Black; font-weight: bold; }
#nav a:hover { background: url(../img/triangle.gif) no-repeat 25px 19px; }
#line { background: #ae0000; height: 7px; margin-top: -16px; }
[/css]