div+css+js

Question

怎样使网页中的广告有规律上下浮动，不是鼠标滚动广告就跟着动的那种，由于偶的网页很短所有想弄个让广告自己有规律的上下浮动，哪位大神帮助一下小弟啊

Answer 1

setInterval()定时改变广告的位置就行了

Answer 2

<SCRIPT language="JavaScript">
lastScrollY = 0;
function heartBeat(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}
//alert(diffY);
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("leftDiv").style.top = parseInt(document.getElementById("leftDiv").style.top)+percent+"px";
document.getElementById("rightDiv").style.top = parseInt(document.getElementById("rightDiv").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;}
//下面这段删除后，对联将不跟随屏幕而移动。
window.setInterval("heartBeat()",1);
//-->
//关闭按钮
function close_left1(){
    left1.style.visibility='hidden';
}
function close_left2(){
    left2.style.visibility='hidden';
}
function close_right1(){
    right1.style.visibility='hidden';
}
function close_right2(){
    right2.style.visibility='hidden';
}
//显示样式
document.writeln("<style type=\"text\/css\">");
document.writeln("#leftDiv,#rightDiv{width:100px;height:100px;background:#FFFFFF;color:#FFFFFF;position:absolute;}");
document.writeln(".itemFloat{width:100px;height:auto;line-height:5px}");
document.writeln("<\/style>");
//以下为主要内容
document.writeln("<div id=\"leftDiv\" style=\"top:150px;left:5px\">");
//------左侧各块开始
//---L1document.writeln("<a href=http://www.wfgnt.com/><font color=#FF0000>公司2012年<br>入驻软件园</font></a>");document.writeln("<\/div>");
//---L2
//document.writeln("<div id=\"left2\" class=\"itemFloat\">");document.writeln("<\/div>");
//------左侧各块结束
document.writeln("<\/div>");
document.writeln("<div id=\"rightDiv\" style=\"top:150px;right:5px\">");
//------右侧各块结束
//---R1document.writeln("<a href=http://www.wfgnt.com/><font color=#FF0000>公司2012年<br>入驻软件园</font></a>");
document.writeln("<\/div>");
//---R2document.writeln("<\/div>");
//------右侧各块结束
document.writeln("<\/div>");
</SCRIPT>这是我的代码，我是菜鸟，麻烦大哥说详细点吧？

Answer 3

可米云课堂，提供div+csss免费视频教程，html5培训，css3培训，Javascript培训