开发者社区> 问答> 正文

JavaScript实现菜单的隐藏与显示

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

展开
收起
小旋风柴进 2016-03-19 11:17:56 2202 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 19:07:47
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
相关产品:
问答排行榜
最热
最新

相关电子书

更多
JavaScript函数 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载