jQuery MiniUI

 找回密码
 立即注册
查看: 2486|回复: 1
打印 上一主题 下一主题

菜单弹出方向 [复制链接]

Rank: 4

跳转到指定楼层
楼主
发表于 2013-5-20 16:12:11 |只看该作者 |倒序浏览
本帖最后由 njzy 于 2013-5-20 16:16 编辑

如图,我把一个菜单固定在左下角,三级菜单弹出来的时候下方位置不够了,但还是向下展开了,并出现了滚动条,此时能自动向上展开吗?代码如下:
<!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>Menu</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" /><link href="../demo.css" rel="stylesheet" type="text/css" />
   
    <script src="../../scripts/boot.js" type="text/javascript"></script>
   
   
</head>
<body>

<h4>HTML创建</h4>
<ul id="menu2" class="mini-menubar" style="width:300px;left:0;bottom:0;height:34px; position:absolute; ">
    <li>
  <span >文件(F)</span>
  <ul>
      <li>
          <span >新建</span>
          <ul>
                    <li iconCls="icon-new">文件</li>
              <li>项目</li>
                    <li>网站</li>
          </ul>
            </li>
  
  </ul>
</li>
</ul>

   
    <script type="text/javascript">
        mini.parse();
        function onItemClick(e) {
            var item = e.sender;
            alert(item.getText());
            
        }
    </script>
    <div class="description">
        <h3>Description</h3>
        <p>MiniUI Menu可以横向、竖向显示菜单项。            
        </p>
        <p>子菜单项可以无限级嵌套子菜单。</p>
    </div>
</body>
</html>





附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

沙发
发表于 2013-5-20 16:55:43 |只看该作者
这个暂时无法做到

Archiver|普加软件

GMT+8, 2024-11-28 13:36 , Processed in 1.030211 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部