A JavaScript Fancier

伟大的javascript技术研究中...

  IT博客 :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  304 随笔 :: 0 文章 :: 479 评论 :: 0 Trackbacks
<2007年10月>
30123456
78910111213
14151617181920
21222324252627
28293031123
45678910

公告

本blog为作者本人学习JS脚本所用,未经特别声明,本站所有文章均属作者本人原创,请转载时注明来源!谢谢合作!同时希望与各位javascript爱好者交流学习。MSN:yanwei8410@hotmail.com

常用链接

留言簿(26)

随笔分类

随笔档案

Ajax技术站点

javascript学习站点

JS高人Blog

Ruby&&Ajax框架

Web技术站点

搜索

积分与排名

最新评论

阅读排行榜

评论排行榜


今天在经典上看了几篇关于web标准的文章,学习到了一些以前不知道的css技巧,有的甚至让偶“拍案叫绝”,嘿嘿、、、
在一个块元素中定义一个子块并设定其position为absolute时,其未知的是相对父块的范围进行绝对定位的(即其左侧和顶部的0点为父元素的0点)。

利用此特点我们可以仅用css实现一些比较特殊的效果,如tooltips效果。二级三级菜单效果等。

代码如下:
 
其原理即是:在a标记内定义一个span标记,其中写入tooltip信息,然后设定span的display:属性为none,然后设定当鼠标放到a元素上时,span的display属性为显示,并且设定span的position为absolute,然后调整其top和left属性即可。这样好像就是js实现的动态提示效果,果然够妙的办法。

实现二级菜单方法同这个基本相同。
posted on 2006-09-28 12:20 Yemoo'S JS Blog 阅读(433) 评论(0)  编辑 收藏 引用 所属分类: HTML/XHTML/CSS
只有注册用户登录后才能发表评论。
51La