用html代码做网页 菜单的分栏问题 !!

用html代码做网页 菜单的分栏问题 !!,第1张

<a href="小菜单页面" target="left">大菜单</a>

<a href="文本页面" target="right">小菜单</a>

要用这样的方式打开新的页面,关键点在target这个值上面,表示你在哪个frame里打开新页面。

如何实现网页的左右分栏:

1、一个总页面包含了3个iframe

2、3个iframe是从左到右依次排布,分别是左侧树状,右侧列表区,中间的控制页代码如下参考:

<body>

<div onclick="changeWin()">

<p><img src='' name="" id="" style="cursor:hand" vertical-align="middle"></p><!--这个是中间的那个带有小三角的图片-->

</div>

</body>

<script>

function changeWin(){

if( parent.frame.cols != "0,6,*"){

document.all.ctrlimg.src="../images/showframe.gif"

parent.frame.cols = "0,6,*"

} else {

document.all.ctrlimg.src="../images/closeframe.gif"

parent.frame.cols = "210,6,*"

}

}

</script>

<style>

.top{

    width:100%

    height:200px

    background:red

    }

.left,.right{

    border:1px solid green

    float:left

    height:200px

    width:50%

    }

</style>

<div class="top">top</div>

<div class="left">left</div>

<div class="right">right</div>

一个div在上面。两个在下面不就行了。。

宽高背景色都可以改。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7188087.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-02
下一篇 2023-04-02

发表评论

登录后才能评论

评论列表(0条)

保存