偶看新闻路易威登的钱包多少钱:浮动 div
来源：百度文库 编辑：偶看新闻 时间：2024/07/04 18:09:08
我们在网上经常看到有的网页上有一块内容，不管垂直滚动条如何翻动网页，始终在屏幕上的同一位置，我把它称为“浮动层”，因为它看起来象在网页上似的（你看右上角那个黄色的菜单条，就是下面两个例子所做来的效果）。制作这种效果要借助于Javascript，我在这里给你介绍两种制作方法，一种在改变例子中提供的样式时，需要手动编写代码，适合于对HTML熟悉的朋友；另一种方法在改变例子中提供的样式时，只要在Dreamweaver中对图层上内容进行编辑，无需编写源代码，所以比较方便。
一、浮动图层制作方法一
1、把下面这段Javascript程序复制到网页源代码的
与之间：2、把下面这段Javascript程序复制到网页源代码的
与之间：
上面括号中是浮动图层的HTML代码，由于HTML代码是用双引号括起来的，所以原HTML中的双引号必须改成单引号，上面中是空的，你可以加上图片的相对路径，就可以在浮动图层上显示图象了，若不用图片，可把这一句删去。
3、在
标记中加上这样一句代码：onLoad="myload()"这样在浏览器中就可见到象你在这里看到的一样的浮动图层了，在编辑窗中是看不到的。
二、浮动图层制作方法二
1、在网页上插入一个图层，图层名改为：mydiv (不能用其它名称），把图层放在你认为合适的位置，并在图层上写上内容；
2、把下面这段代码复制到网页源代码的
与之间：3、把下面这段Javascript程序复制到网页源代码的
与之间：这种方法改变格式无需编码，但它的程序好象是长了点，实际移动起来的效果也要好一点，但第一种方法移动的速度可以做得很快，它实际上是确定好新坐标后重写。实际上在浮动层上不光可以放文字，也可以放图片或其它什么东东。