CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
花落谁家,你作主! 盛大widget设计大赛英雄榜
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  Web 开发 >  ASP

javascript高手请进指教菜鸟

楼主tanger104753507(探戈)2004-12-01 16:54:36 在 Web 开发 / ASP 提问

我想做一个像QQ的隐藏或显示状态的选项,点击后显示可选择是隐身,登录,上线,离线等。但是关于层的定位不太会控制,请高手指点一下l  
        如果我有一个按钮:想把一个层(上面可选择用户状态)定位在这个按钮正上面,层的底部刚好接按钮的上部位置,请问怎么做?  
  谢谢。 问题点数:50、回复次数:6Top

1 楼butcher2002(我又出来捣乱了)回复于 2004-12-01 17:01:05 得分 10

给你两个参考~很早以前做的~  
  http://community.csdn.net/Expert/topic/3327/3327464.xml?temp=.035824  
   
  下面的是斑竹的  
  http://community.csdn.net/Expert/topic/3307/3307825.xml?temp=.7932703Top

2 楼tanger104753507(探戈)回复于 2004-12-01 17:21:02 得分 0

能给我直接的代码吗?现在很急Top

3 楼butcher2002(我又出来捣乱了)回复于 2004-12-01 17:27:19 得分 10

http://community.csdn.net/Expert/topic/3307/3307825.xml?temp=.7932703  
   
   
  这里面看看~~~~~~~很好的例子  
  Top

4 楼yeiguei(百年孤独)回复于 2004-12-01 17:56:36 得分 30

首先在页面上建立一个TABLE(这个就是layer的参照物),因为你们都是想在800和1024两种分辨率下层都听听话话吧,那就让TABLE的宽度为750,然后设居中。  
   
  下面就是在TABLE的一个单元格里插入LAYER的代码:  
   
  <table   width=684   border=0   align="center">  
   
   <tr>    
   
    <td><span   style=position:relative>    
   
     <div   id="Layer1"   style="position:absolute;left:   300px;   top:   29px;   width:104px;   height:115px;   z-index:1">    
   
      <p><img   src="image.jpg"   border="0"   alt="你看我有没有变位"></p>  
   
     </div>  
   
     </span></td>  
   
   </tr>  
   
  </table>  
   
  看到上面的<span>中间的一段CSS了吧,是指<span></span>中间部分的东西进行相对定位。  
   
  做到这,其实已经大功告成的了。只要你再往table里加layer,而且确保layer是加在<span></span>之间的话,你的layer就可以进行相对定位。  
   
  不信的话还可以试试一个layer放在<span>里,另一个不加<span>,在不同分辨率下去看看效果。  
   
  大家千万不要认为这效果没什么用,我觉得有了这个相对定位,可以做出很多实用的MENU,现在象SOHU,163,SINA首页上都会用上这种相对定位来放各种广告的,其实这方法我也是从以前的CHINAMP3上偷下来的,所以希望大家能多在好网站上学到人家的技术,这样才能不断进步,闭门造车必然导致技术落后的。  
   
  最后还有一句就是大家要多点留意<span>这东西,我觉得他很有用的,<span>本身没有任何属性,正因为它没有任何属性,所以它可以做为添加属性的容器。Top

5 楼yeiguei(百年孤独)回复于 2004-12-01 17:58:09 得分 0

不是原创,转至某位网友的大作,忘记他的名字了,在这里说声“报歉”了!Top

6 楼landlordh(work wonders)回复于 2004-12-01 19:29:33 得分 0

这些主要是用css来隐藏层或行  
  style="display:none"   隐藏  
   
  style="display:"   不隐藏Top

相关问题

  • javascript菜鸟问题
  • JavaScript的菜鸟提问。
  • 好心人进来看看,这个菜鸟问题,用javascript怎么解决?
  • JavaScript的菜鸟问题,快来拿分
  • 两个javascript的菜鸟问题
  • 菜鸟请教javascript基础问题
  • 菜鸟有问题了 javascript与XML
  • 菜鸟进入。
  • 菜鸟免进
  • 菜鸟进入2

关键词

  • .net
  • 属性
  • csdn
  • xml
  • 定位
  • 隐藏
  • layer
  • 按钮
  • topic
  • expert

得分解答快速导航

  • 帖主:tanger104753507
  • butcher2002
  • butcher2002
  • yeiguei

相关链接

  • Web开发类图书

广告也精彩

反馈

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