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