论坛: 网站建设 标题: 制作浮动图层时遇到的问题,有兴趣的过来看看~ 复制本贴地址    
作者: freeip [freeip]    论坛用户   登录
整个网页代码如下:
<html>
<title>测试</title>
<head>
<script language="javascript">

function myload()
{
mydiv.style.top=108;
mydiv.style.left=window.screen.width-100
mymove();
}
var a
var b=2 // 改变b的值,将改变浮动图层离左边界的距离
var x=0
function mymove()
{
window.screen.width>800 ? a=50:a=2

{
mydiv.style.top=document.body.scrollTop+a // 改变a的值,将改变浮动图层离上边界的距离
mydiv.style.left=b
setTimeout("mymove();",1) // 这个函数设置的是浮动图层移动的时间,参数越大,移动得越慢。
}
}
</script>
</head>
<body border="0" onLoad="myload()">
<div align="center">
<table border="1" height="900" bordercolor="#ff0000" width="80%">
<tr>
  <td></td></tr></table></div>
<script language=javascript>
{
document.write("<div id='mydiv' style=' position: absolute; width:180;top:100;left:578;visibility: visible;z-index: 1'> <table width='100%' border='2' cellpadding='2' cellspacing='2' bordercolorlight='#FFFF66' bordercolordark='#33FF33'><tr><td><p><a href='../home2.htm'>返回</a></p></td> <td><a href='../hylayer_2.htm'>上一页</a></td> <td><a href='../hylayer_4.htm'>下一页</a></td> <td><a href='#a'>页首</a></td> </tr> </table> <img src='' border='0'> </div>");
myload() }
</script>
</body>
</html>
现在我想有三个这样的浮动层,我试了好几个方法了,不知道是不是代码的问题,知道答案的请跟帖。


[此贴被 freeip(freeip) 在 01月03日17时02分 编辑过]

地主 发表时间: 04-01-03 16:40

回复: freeip [freeip]   论坛用户   登录
问题已经解决,很简单的方法我都想了好长时间,比较菜,贴出来供大家参考,如果你有其他方法的也请贴出,大家多学点,不胜感激。代码如下:
<html>
<title>测试</title>
<head>
<script language="javascript">
function myload()
{
mydiv.style.top=108;
mydiv.style.left=window.screen.width-100
mydiv1.style.top=108;
mydiv1.style.left=window.screen.width-100
mymove();
}
var a
var b=2 // 改变b的值,将改变浮动图层离左边界的距离
var x=0
function mymove()
{
window.screen.width>800 ? a=50:a=2

{
mydiv.style.top=document.body.scrollTop+a // 改变a的值,将改变浮动图层离上边界的距离
mydiv.style.left=b
mydiv1.style.top=document.body.scrollTop+a+300 // 300可以改动,下300同
mydiv1.style.left=b+300
setTimeout("mymove();",30) // 这个函数设置的是浮动图层移动的时间,参数越大,移动得越慢。
}
}
</script>
</head>
<body border="0" onLoad="myload()">
<div align="center">
<table border="1" height="900" bordercolor="#ff0000" width="80%">
<tr>
  <td></td></tr></table></div>
<script language=javascript>
{
document.write("<div id='mydiv' style=' position: absolute; width:180;top:100;left:300;visibility: visible;z-index: 1'><img src='d:/shc.gif' border='0'></div><div id='mydiv1' style=' position: absolute; width:180;top:300;left:578;visibility: visible;z-index: 1'><img src='d:/shc.gif' border='0'> </div>");
myload() }
</script>
</body>
</html>



B1层 发表时间: 04-01-03 17:46

回复: bcliangzi [bcliangzi]   论坛用户   登录
其实用时间轴会更好1

B2层 发表时间: 04-01-03 19:47

论坛: 网站建设

20CN网络安全小组版权所有
Copyright © 2000-2010 20CN Security Group. All Rights Reserved.
论坛程序编写:NetDemon

粤ICP备05087286号