谁来挑战一个菜单，思路也行，菜单项数据是从数据库读取的，不定的，想实现的效果如下..

我自己已经可以从数据库取出所有的菜单项和对应的url
但怎么弄成那个效果呢

解决方案 »

  1.   

    我以前做的
    http://www.gm007.com/menu/menu.htm
    下载：
    http://www.gm007.com/menu.rar因为是完全封装好的，用起来很方便！应该很容易改，你可以看看！
      

  2.   

    左右移动用层
    onmouseon = "----"
      

  3.   

    FLYINNET007(FLY007)
    的东西很不错啊，学习一下：）楼主应该仔细看看啊。
      

  4.   

    做了个简单的，原理就是这样，接下来你自己改吧
    <html>
    <head>
    <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>新建网页 1</title>
    </head>
    <script language="javascript">
    var l = 5;
    function over(w)
    {
    if(w == "l")l = 5; //如果层向右移
    if(w == "r")l = -5; //如果层向左移
    window.setInterval("move()",70);//每隔70毫秒重复执行move函数
    }
    function move() //移动层的函数
    {
    var n = document.all.Layer2.style.left; //取层的当前位置，得到的是一字符串
    n = n.replace(/[^\d|\-]*/gi,""); //去掉除数字和负号的其它字符
    n = parseInt(n); //将字符串转化成数字
    document.all.Layer2.style.left = n + l; //设置层的新位置
    if(l == 0)window.clearInterval(); //如果鼠标已不在移动链接上，让循环停止
    }
    function stop()
    {
    l = 0;
    }
    </script>
    <body>
    <p align="center"><br>
    <a href="#" onmouseover=over("l"); onmouseout=stop();>&lt;&lt;</a>&nbsp;&nbsp;&nbsp; <a href="#" onmouseover=over("r"); onmouseout=stop();>&gt;&gt;</a>
      <div id="Layer2" style="position:absolute; width:500; height:22; z-index:1; left: 0; top:0">
        <table width="500" border="0">
          <tr>
            <td><a href="#">111</a></td>
            <td><a href="#">222</a></td>
            <td><a href="#">333</a></td>
            <td><a href="#">444</a></td>
            <td><a href="#">555</a></td>
            <td><a href="#">666</a></td>
            <td><a href="#">777</a></td>
            <td><a href="#">888</a></td>
            <td><a href="#">999</a></td>
            <td><a href="#">000</a></td>
          </tr>
        </table>
      </div>
    </body>
    </html>