繁體中文当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 图片下拉选择器的制作(1)
- HTML/XHTML教程
- HTML表格标记教程(4):边框色属性BORDERCOLOR
- HTML表格标记教程(1):制作表格
- HTML表格标记教程(2):表格的边框属性BORDER
- HTML教程,简单学习HTML语言(2)
- HTML表格标记详细讲解(适合初学者)
- 网页制作解惑:图象文件的路径
- HTML教程,简单学习HTML语言
- HTML基础:HTML的基本结构
- HTML教程,认识optgroup元素
- 网页输入框的样式触发效果
- HTML教程,HTML默认样式
- 超链接打开目标(target)的测试
- XHTML教程,简单认识XHTML基础知识
- HTML表格标记教程(35):跨列属性COLSPAN
- HTML表格标记教程(33):单元格的垂直对齐属性VALIGN
- HTML表格标记教程(34):跨行属性ROWSPAN
- HTML表格标记教程(31):单元格的宽度和高度属性WIDTH、HEIGHT
- HTML表格标记教程(32):单元格的水平对齐属性ALIGN
- HTML表格标记教程(30):单元格的暗边框色属性BORDERCOLORDARK
- HTML表格标记教程(28):单元格的边框色属性BORDERCOLOR
HTML/XHTML教程 中的 图片下拉选择器的制作(1)
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-04 浏览: 33 ::
收藏到网摘: n/a
演示：(点击这里在新窗口中打开演示页)
我们先来看下做出这个控件需要解决哪些问题。
第一，图片下拉列表框是一个层，它在选择提示框点击时出现，出现后在选择图片或窗体点击时再隐藏。
它出现时位置要在选择提示框的正下方；隐藏实际上可以把它的位置定在屏幕之外（style.pixelLeft=-800）。
第二，图片下拉列表框的位置。选择提示框不是层，图片下拉列表框出现的位置要在选择提示框的正下方，就必须读取选择提示框在窗体中的绝对位置，不能受选择提示框的位置和屏幕分辨率的影响。
我们可以用“Object.offsetLeft”和“Object.offsetTop”获取对象（Object）在其父容器（offsetParent）中的相对位置。于是我们可以用while()循环向高一级父容器一层一层读取相对位置，它们的代数和就是该Object在最上层容器（窗体）中的绝对位置了。
评论 (0) All
