JavaScript实现菜单的隐藏与显示-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

JavaScript实现菜单的隐藏与显示

如图片示意,网页由框架布局,主框架左侧还有一个控制条,点击可使左侧的导航菜单实现隐藏和显示的效果。目前有两种思路:使主框架向左浮动;隐藏左边导航菜单所在框架。请问这思路对吗?我没有代码基础,所以不懂怎么写代码,求好心人相助。另外想问,用Dreamweaver可以实现吗?非常感谢了
screenshot

展开
收起
小旋风柴进 2016-03-09 12:00:20 2131 0
1 条回答
写回答
取消 提交回答
  • 小旋风柴进
     <div class="top">title</div>
    <div class="left" id="li_left"><iframe src="左边框架的url" width="100" height="300" frameborder="no" border="0" marginwidth="0"marginheight="0" scrolling="no" allowtransparency="yes"></iframe></div>
    <div class="xianshi" id="sanjiao"></div>
    <div class="right"><iframe src="右边框架的默认url" name="right" width="700" height="300" frameborder="no" border="0" marginwidth="0"marginheight="0" scrolling="no" allowtransparency="yes"></iframe></div>

    结构大致如上,你自己编写样式

    然后自己用JQ写一个脚本大致如下:

     $("#sanjiao").click(function(){
       var class_val=$(this).attr("class");
         if(class_val=='xianshi'){
                        $(this).removeClass().addClass("yincang");
             $("#li_left").hide();
         }
         else{
                        $(this).removeClass().addClass("xianshi");
             $("#li_left").show();
         }
    });
    2019-07-17 18:55:47
    赞同 展开评论 打赏
问答分类:
问答标签:
相关产品:
问答排行榜
最热
最新
相关电子书
更多
JavaScript函数
立即下载
JavaScript 语言在引擎级别的执行过程
立即下载
Javascript中的函数
立即下载