这个效果怎么做的? 100 分

leftleg 2004-08-12 10:34:09

broadcast.hzcnc.com/new_include/page.js

这个页面两边的广告随滚动条上下,这个效果怎么做的啊?

...全文

186 15 打赏收藏转发到动态举报

写回复

用AI写文章

15 条回复

切换为时间正序

请发表友善的回复…

发表回复

524wen 2004-08-12

打赏
举报

刚来，问一下：怎么修改自己的帖子？

524wen 2004-08-12

打赏
举报

我收集的几个(自己还不会编):
no.1

<SCRIPT language=JavaScript>

</SCRIPT>

<DIV id=Menu1
style="Z-INDEX: 10; LEFT: 854px; WIDTH: 150px; POSITION: absolute; TOP: 200px; HEIGHT: 316px">
<OBJECT
codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0
height=300 width=145 classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000><PARAM NAME="movie" VALUE="http://www1.a3.com.cn//a/img/swf/TV.swf"><PARAM NAME="quality" VALUE="high"><PARAM NAME="wmode" VALUE="transparent">
<embed src="http://www1.a3.com.cn//a/img/swf/TV.swf" quality=high
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="145" height="300"
wmode="transparent"> </embed> </OBJECT></DIV>
<SCRIPT language=javascript>

</SCRIPT>

<table height="10000"><tr><td></td></tr></table>

no.2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>

<body>

<script language="JavaScript">
var delta=0.15
var collection;
function floaters() {
this.items = [];
this.addItem = function(id,x,y,content)
{
document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute; width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');

var newItem = {};
newItem.object = document.getElementById(id);
newItem.x = x;
newItem.y = y;

this.items[this.items.length] = newItem;
}
this.play = function()
{
collection = this.items
setInterval('play()',10);
}
}
function play()
{
for(var i=0;i<collection.length;i++)
{
var followObj = collection[i].object;
var followObj_x = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);
var followObj_y = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);

if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {
var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
followObj.style.left=followObj.offsetLeft+dx;
}

if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
followObj.style.top=followObj.offsetTop+dy;
}
}
}

var theFloaters = new floaters();
theFloaters.addItem('followDiv1','document.body.clientWidth-106',80,'<a href=http://web.114.com.cn target=_blank><img src=/gg/zzy/web.gif border=0></a><br><br><a href=http://www.now.net.cn/ target=_blank><img src=/gg/now/now2.gif width=100 height=100 border=0></a>');
theFloaters.addItem('followDiv2',6,80,'<a href=http://web.114.com.cn target=_blank><img src=/gg/zzy/web.gif border=0></a><br><br><a href=http://www.idc2008.com/index5.htm target=_blank><img src=/gg/idc2008/idc2008.gif width=100 height=100 border=0></a>');
theFloaters.play();</script>

<TABLE height="10000"><tr><TD></TD></tr></TABLE></body>
</html>

no.3

<div style="position:absolute;border:1 solid #cccccc;background:#f2f3f7;width:100;height:50;color:blue;font-size:30" id=Odiv>固定位置的层</div>
<script>
var delta=0.05;
var speed=10
function k(){
if (Odiv.offsetTop!=(document.body.scrollTop+document.body.offsetHeight/2)){
var dy=document.body.scrollTop+document.body.offsetHeight/2-Odiv.offsetTop;
Odiv.style.top=Odiv.offsetTop+Math.ceil(dy*delta);
}
if (Odiv.offsetLeft!=(document.body.scrollLeft+document.body.offsetWidth-Odiv.offsetWidth-20)){
var dx=document.body.scrollLeft+document.body.offsetWidth-Odiv.offsetWidth-20-Odiv.offsetLeft;
Odiv.style.left=Odiv.offsetLeft+Math.ceil(dx*delta)}}
setInterval("k()",speed)
document.write(new Array(50).join('<br>'))
document.write(new Array(150).join(' '))
</script>

no.4

<div style="position:absolute;border:1 solid #cccccc;background:#f2f3f7;width:100;height:50;color:blue;font-size:30" id=Odiv>固定位置的层</div>
<script>
document.body.onload=new Function("Odiv.style.top=document.body.offsetHeight/2;Odiv.style.left=document.body.offsetWidth-Odiv.offsetWidth-20")
document.body.onscroll=new Function("Odiv.style.top=document.body.scrollTop+document.body.offsetHeight/2;Odiv.style.left=document.body.scrollLeft+document.body.offsetWidth-Odiv.offsetWidth-20")
document.write(new Array(50).join('<br>'))
document.write(new Array(150).join(' '))
</script>
<TABLE height="20000"><tr><TD></TD></tr></TABLE>
自己研究研究吧,好像套用就是了

leftleg 2004-08-12

打赏
举报

但你看了吗,方法是一样的?

甘泉123 2004-08-12

打赏
举报

这样只是把那些javascript代码集中放在一个文件里，方便调用而已~
与方法本身没关系~

leftleg 2004-08-12

打赏
举报

不好意思,JS 不懂的. 只知道套套用.

<script language="javascript" src="new_include/admoverightq.js"></script>

这种方法和直接写在 <head> 里是一样的吗? 是不是只是表现方式不一样.

还是本质不同?

leftleg 2004-08-12

打赏
举报

这种方法我知道,可好象 www.hzcnc.com 里用不同方法

他是用

<script language="javascript" src="script/moveleft.js"></script>
<script language="javascript" src="script/admoveright.js"></script>
<script language="javascript" src="new_include/moveleftq.js"></script>
<script language="javascript" src="new_include/admoverightq.js"></script>

这些来实现的吗?

甘泉123 2004-08-12

打赏
举报

NB 绝对不敢当，不过我觉得既然有例子，还是自己研究能学到东西~
http://www.nova.gov.cn/about/
这个页比较简单，你把它存下来研究下吧~

leftleg 2004-08-12

打赏
举报

楼上的,找一个完整的出来啊,有用层的,有用JS的.

说这样的话算什么? 是NB 还是 SB ?

甘泉123 2004-08-12

打赏
举报

这样的效果好象遍地是吧？呵呵~~

张海霖 2004-08-12

打赏
举报

看我的网站www.eaw.com.cn

leftleg 2004-08-12

打赏
举报

看代码看不大明白

leftleg 2004-08-12

打赏
举报

www.hzcnc.com 是这个页面

甘泉123 2004-08-12

打赏
举报

看那页的代码不就知道了？？
还有，你给的那个打不开，说我没有权限，呵呵~

flyskytoday 2004-08-12

打赏
举报

to:刚来，问一下：怎么修改自己的帖子？

在页面右上或右下有个:管理
点击即有你想要地操作

贴子不可以改,只可以加补充或删除(要减你信誉分地,偶就是这样被减地*_^)
在管理中最后别忘了结贴

BlueDestiny 2004-08-12

打赏
举报

加在<body>和</body>里
-----------------------------------

<div id="floater" style="position:absolute; width:92px; z-index:1; height: 160">
<script language="JavaScript">

self.onError=null;
currentX = currentY =0;
whichIt = null;
lastScrollX =-10; lastScrollY = -100;
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;

function heartBeat() {
if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }
if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }
if(diffY != lastScrollY) {
percent = .1 * (diffY - lastScrollY);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.floater.style.pixelTop += percent;
if(NS) document.floater.top += percent;
lastScrollY = lastScrollY + percent;
}
if(diffX != lastScrollX) {
percent = .1 * (diffX - lastScrollX);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.floater.style.pixelLeft += percent;
if(NS) document.floater.left += percent;
lastScrollX = lastScrollX + percent;
}
}


function checkFocus(x,y) {
stalkerx = document.floater.pageX;
stalkery = document.floater.pageY;
stalkerwidth = document.floater.clip.width;
stalkerheight = document.floater.clip.height;
if( (x > stalkerx && x < (stalkerx+stalkerwidth)) && (y > stalkery && y < (stalkery+stalkerheight))) return true;
else return false;
}
function grabIt(e) {
if(IE) {
whichIt = event.srcElement;
while (whichIt.id.indexOf("floater") == -1) {
whichIt = whichIt.parentElement;
if (whichIt == null) { return true; }
}
whichIt.style.pixelLeft = whichIt.offsetLeft;
whichIt.style.pixelTop = whichIt.offsetTop;
currentX = (event.clientX + document.body.scrollLeft);
currentY = (event.clientY + document.body.scrollTop);
} else {
window.captureEvents(Event.MOUSEMOVE);
if(checkFocus (e.pageX,e.pageY)) {
whichIt = document.floater;
StalkerTouchedX = e.pageX-document.floater.pageX;
StalkerTouchedY = e.pageY-document.floater.pageY;
}
}
return true;
}
function moveIt(e) {
if (whichIt == null) { return false; }
if(IE) {
newX = (event.clientX + document.body.scrollLeft);
newY = (event.clientY + document.body.scrollTop);
distanceX = (newX - currentX); distanceY = (newY - currentY);
currentX = newX; currentY = newY;
whichIt.style.pixelLeft += distanceX;
whichIt.style.pixelTop += distanceY;
if(whichIt.style.pixelTop < document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop;
if(whichIt.style.pixelLeft < document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft;
if(whichIt.style.pixelLeft > document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20;
if(whichIt.style.pixelTop > document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5;
event.returnValue = false;
} else {
whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY);
if(whichIt.left < 0+self.pageXOffset) whichIt.left = 0+self.pageXOffset;
if(whichIt.top < 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset;
if( (whichIt.left + whichIt.clip.width) >= (window.innerWidth+self.pageXOffset-17)) whichIt.left = ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17;
if( (whichIt.top + whichIt.clip.height) >= (window.innerHeight+self.pageYOffset-17)) whichIt.top = ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17;
return false;
}
return false;
}
function dropIt() {
whichIt = null;
if(NS) window.releaseEvents (Event.MOUSEMOVE);
return true;
}

if(NS) {
window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);
window.onmousedown = grabIt;
window.onmousemove = moveIt;
window.onmouseup = dropIt;
}
if(IE) {
document.onmousedown = grabIt;
document.onmousemove = moveIt;
document.onmouseup = dropIt;
}
if(NS || IE) action = window.setInterval("heartBeat()",1);
</script>
<a href="/dreamweaver/"><img src="1.gif" width="90" height="90" border="0"></a>
</div>