CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
不看会后悔的Windows XP之经验谈 简单快捷DIY实用家庭影院
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  Web 开发 >  JavaScript

?如何用 style 的 border-left-color 模拟 Frame 之间的 那个 分割条?

楼主iamwjp(iamwjp)2001-12-26 20:09:06 在 Web 开发 / JavaScript 提问

问题是这样的:  
      |________   2。不需要显示框架条  
      |  
      |  
      |  
      |________   3。需要显示框架  
      |  
      |  
      |  
  1。  
  需要显示框架  
   
  所以我全部Frameborder=0,   然后用   border-right、border-left、border-bottom、border-top   模拟出框架条,不知该怎么做? 问题点数:100、回复次数:11Top

1 楼zarz(渣滓)回复于 2001-12-26 20:35:07 得分 60

将所有的   frame   的   frameborder   =   "No"(<frame   src="f1.htm"   frameborder="NO">)  
  然后给需要'框架'的子页面的body定义style的border属性,其中border-style设为ridge看起来比较象.  
  这样说起来可能不直观.有什么问题请再提出来.  
  Top

2 楼iamwjp(iamwjp)回复于 2001-12-27 18:37:41 得分 0

多谢,可惜border-style:ridge;border-width:2   时模拟的效果不是很理想,尽管如此,我还是决定给你50分Top

3 楼zarz(渣滓)回复于 2001-12-27 18:46:05 得分 0

我用的border-width   =   5,的确有偏差。  
  惭愧...Top

4 楼iamwjp(iamwjp)回复于 2001-12-27 18:58:01 得分 0

没关系   :)  
  希望有更多的人关注Top

5 楼mosane(为什么?)回复于 2001-12-27 23:50:48 得分 0

看来只能用多层框架了。Top

6 楼zarz(渣滓)回复于 2001-12-28 10:15:26 得分 0

试试这个,挺有趣的:)  
  <html>  
  <head>  
  <title>Untitled   Document</title>  
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">  
  <style   type="text/css">  
  <!--  
  .m   {   border-Style:   none;   border-width:   2px   0px   0px   0px}  
  -->  
  </style>  
  </head>  
   
  <frameset   cols="145,865"   border="0"   framespacing="0">  
      <frame   src="f1.htm"   frameborder="NO">  
      <frameset   rows="127,262"   border="0"   framespacing="3">  
          <frame   src="f2.htm"   frameborder="NO">  
          <frame   src="f3.htm"   frameborder="YES"   class="m">  
      </frameset>  
  </frameset>  
  <noframes>  
  <body   bgcolor="#FFFFFF"   text="#000000">  
   
  </body>  
  </Top

7 楼vincentmax(天地任逍遥)回复于 2001-12-28 10:30:42 得分 0

灌水啊~~~~Top

8 楼iamwjp(iamwjp)回复于 2001-12-28 21:48:48 得分 0

既然来了,顺便推一把Top

9 楼mosane(为什么?)回复于 2001-12-31 23:12:18 得分 10

<html>  
  <head>  
  <title>Untitled   Document</title>  
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">  
  <style   type="text/css">  
  <!--  
  .m   {   border-Style:   none;   border-width:   2px   0px   0px   0px}  
  -->  
  </style>  
  </head>  
   
  <frameset   cols="145,865"   border="0"   framespacing="0">  
      <frame   src=""   frameborder="NO">  
      <frameset   rows="127,262"   border="0"   framespacing="3">  
          <frame   src=""   class="m">  
          <frame   src=""   class="m">  
      </frameset>  
  </frameset>  
  <noframes>  
  </HTML>Top

10 楼bestext(木头)回复于 2002-01-07 21:13:12 得分 30

为什么要用style来模拟?  
  可以先做普通frameset页面,然后截屏,用photoshop把分割条的那一部分另存新图片  
  有了这个分割条的图片,可以到处调用(设定为单元格背景即可)  
  注意横向竖向的分割条要分别截图Top

11 楼biggo(biggo)回复于 2002-01-08 08:52:35 得分 0

在这两个frame中间再加一个frame来模拟Top

相关问题

  • 实现frame的水平分割与重直分割。。。看了给点评价。。。。。。。
  • 网页被3个Frame分割,其中一个Frame又被两个IFrame分割,如何获得IFrame中的IHTMLDocument2?
  • 模拟铃声
  • 模拟击键:
  • 模拟按键
  • 怎么分割?
  • 文件分割
  • 怎么分割?
  • 分割平面
  • 分割窗口

关键词

得分解答快速导航

  • 帖主:iamwjp
  • zarz
  • mosane
  • bestext

相关链接

  • Web开发类图书

广告也精彩

反馈

请通过下述方式给我们反馈
反馈
提问
网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|问题报告
北京创新乐知广告有限公司 版权所有, 京 ICP 证 070598 号
世纪乐知(北京)网络技术有限公司 提供技术支持
Copyright © 2000-2008, CSDN.NET, All Rights Reserved
GongshangLogo