网页中层的一些收藏 [精][荐]

      学习 2005-3-28 14:38
Dreamweaver 中层的相对定位
www.it365cn.com/show.asp?id=246


妙用“相对”实现网页图层位置定位
www.it365cn.com/show.asp?id=211


Dreamweaver里使用层的一些建议
www.it365cn.com/show.asp?id=723


层的相对定位的一种解释,大家一起来完善它
www.blueidea.com/bbs/NewsDetail.asp?id=264936


做主页时到用表格好还是用层好?
www.blueidea.com/bbs/newsdetail.asp?id=24859


有哪位大哥能具体说一下<span>标签的用法,先谢了!
www.blueidea.com/bbs/newsdetail.asp?id=23813


定时消失的层
www.cnbruce.com/blog/showlog.asp?cat_id=5&log_id=278


鼠标移到图片时显示隐含图层 & 拖动图层的应用
www.pconline.com.cn/pcedu/sj/wz/dreamweaver/10111/14968.html


点击按钮出现隐含图层 & 下拉菜单的实现
www.pconline.com.cn/pcedu/sj/wz/dreamweaver/10111/14982.html


如何赋予文字图层特效 & Timeline 的基本应用
www.pconline.com.cn/pcedu/sj/wz/dreamweaver/10111/14992.html


一个比较复杂的Timeline例子
www.pconline.com.cn/pcedu/sj/wz/dreamweaver/10111/15019.html



层拖拽行为不完全解析 I服了YOU 原文


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]



如何使层始终居于顶部

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]



[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]



关于层的挡隔问题的探讨 原作者:我佛山人
1.被Flash挡住
设置Flash的参数:<param name="wmode" value="opaque">

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


2.被图片挡住
这个估计是因为图片也放在层中,而图片所在层的Z轴索引值比该层大,所以被挡住,解决办法是更改该层的Z轴索引值至比图片层大。

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


3.被表单控件挡住
这个目前还没有完美的解决方法,一般都是在设计排版时就尽量避免这种情况,如果是万不得已,就在层经过表单控件时让表单控件隐藏,过后再让它显示:

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]



WINDY2K - Picture Spelling

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


层的 相对和绝对

取自经典论坛forfor的一份帖子中,注意这位朋友好久了,基础蛮扎实的:)

相对 relative
绝对 absolute

相对 是指相对于本来应该在的位置 top left right bottom四值为偏移量
绝对 是指关于"原点"(见下面解释)的位置 top left right bottom四值即关于原点的值

相对 偏移后其本应占据的空间还在
绝对 其在文档中所占空间不再存在 纯粹是一个"飘浮"着的东西

"原点" 为了便于解释而自订的词,若设为absolute的元素的父级元素(包括其"祖父""曾祖父"^_^)有absolute或relative,则以它为参考.若无则以body为"原点"

实例:
1. a1 绝对 距body左上角top:200px;left:200px;
2. 字符"1" a1为absolute 则a1不占用空间 "1"位于body左上角
3. b1 绝对 距body左上角top:50px;left:50px;
4. b2 绝对 距b1左上角top:50px;left:50px;
5. 字符"2" b1为absolute 则b1不占用空间 "2"位于"1"后
6. c1 固定(默认值static) 左边界400px
7. c2 绝对 距body左上角top:70px;left:70px;
8. 字符"3" 在c1下方
9. d1 相对 相对于d1应该在的位置向上偏移80px;
10. 字符"456"在d1原位置的下方

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

标签集:TAGS:
回复Comments() 点击Count()

回复Comments

{commentauthor}
{commentauthor}
{commenttime}
{commentnum}
{commentcontent}
作者:
{commentrecontent}