主题:  怎么制作一个浮动层?

历史的风声

职务:普通成员
等级:1
金币:0.0
发贴:13
#12004/3/22 11:39:28
谢谢 辣 我想在网页上面制作一个浮动的层,随着滚动条滚动!
谢谢高手帮忙



ahai510

职务:普通成员
等级:1
金币:0.0
发贴:36
#22004/3/22 11:48:16
<STYLE type=text/css>#superball {
    HEIGHT: 40px; LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 40px
}
</STYLE>
<SCRIPT language=javascript>
<!--//
//设置下面一些参数,小球移动速度1-50,数值大速度快;
var ballWidth = 40;
var ballHeight = 40;
var BallSpeed = 1.5;

var maxBallSpeed = 50;
var xMax;
var yMax;
var xPos = 0;
var yPos = 0;
var xDir = 'right'; //水平方向向右移动
var yDir = 'down'; //垂直方向向下移动
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;
var newXDir;
var newYDir;

function initializeBall() {
if (document.all) {
xMax = document.body.clientWidth
yMax = document.body.clientHeight
document.all("superball".style.visibility = "visible";
}
else if (document.layers) {
xMax = window.innerWidth;
yMax = window.innerHeight;
document.layers["superball"].visibility = "show";
}
setTimeout('moveBall()',400);
}

function moveBall() {
if (superballRunning == true) {
calculatePosition();
if (document.all) {
document.all("superball".style.left = xPos + document.body.scrollLeft;
document.all("superball".style.top = yPos + document.body.scrollTop;
}
else if (document.layers) {
document.layers["superball"].left = xPos + pageXOffset;
document.layers["superball"].top = yPos + pageYOffset;
}
setTimeout('moveBall()',30);
}
}

function calculatePosition() {
if (xDir == "right" {
if (xPos > (xMax - ballWidth - BallSpeed)) {
xDir = "left";
}
}
else if (xDir == "left" {
if (xPos < (0 + BallSpeed)) {
xDir = "right";
}
}
if (yDir == "down" {
if (yPos > (yMax - ballHeight - BallSpeed)) {
yDir = "up";
}
}
else if (yDir == "up" {
if (yPos < (0 + BallSpeed)) {
yDir = "down";
}
}
if (xDir == "right" {
xPos = xPos + BallSpeed;
}
else if (xDir == "left" {
xPos = xPos - BallSpeed;
}
else {
xPos = xPos;
}
if (yDir == "down" {
yPos = yPos + BallSpeed;
}
else if (yDir == "up" {
yPos = yPos - BallSpeed;
}
else {
yPos = yPos;
}
}

if (document.all||document.layers)
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()";

// -->
</SCRIPT>
<script language="javascript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape"&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>


注:别加入层广告,id得与代码中ID一样。



ahai510

职务:普通成员
等级:1
金币:0.0
发贴:36
#32004/3/22 11:51:12
晕了,为什么)这个符号全变成笑脸了?



历史的风声

职务:普通成员
等级:1
金币:0.0
发贴:13
#42004/3/22 11:53:34
谢谢 老兄 真得很感动 然后就是很困惑 因为我不懂代码 我都是通过dw可视化制作网页的 有没有用dw可视化制作的呀



蝙蝠精灵

职务:普通成员
等级:1
金币:0.0
发贴:56
#52004/3/22 13:10:59
ahai510:

你如果回复的内容里面有脚本的话最好把选项里面的“禁止转换表情图标”钩上,就不会被转换成笑脸了!


历史的风声:

不要紧呀,你只要把这些插进去就行了呀!做网页你不可能想做得漂亮又完全不用脚本的!



susannana

职务:普通成员
等级:1
金币:0.0
发贴:96
#62004/3/22 17:30:54
层在哪呀?



ahai510

职务:普通成员
等级:1
金币:0.0
发贴:36
#72004/3/24 22:41:25
嗯,知道了,以后注意点。



2001chiming

职务:普通成员
等级:1
金币:0.0
发贴:107
#82004/6/5 19:08:47
看看先



2001chiming

职务:普通成员
等级:1
金币:0.0
发贴:107
#92004/6/5 19:29:41
if (document.all||document.layers)
window.onload = initializeBall;
window.onresize = new Function("window.location.reload