首 页 ┆ 文章中心 ┆ 下载中心 ┆ 娱乐八卦 ┆ 本站论坛 ┆ 拜仁联盟 ┆ 球迷社区 ┆ 博客日志 ┆ 建站服务 ┆ 域名抢注 ┆ 繁體中文
设为首页
加入收藏
联系我们
E-mail:WebMaster#fcbu.com
　|  源码下载 | 工具下载 | 素材下载 | 教程下载 | ASP 源码 | PHP 源码 | JSP 源码 | ASP 教程 | .NET教程 | PHP 教程 | 服务器教程 |
　|  网络资讯 | 网站运营 | 网页制作 | 数 据 库 | 网络编程 | 图象媒体 | 操作系统 | 网络应用 | 软件教学 | 火爆影视 | 五 花 八 门|
　|  电脑医院 | 系统攻略 | 网管技术 | 电脑硬件 | 软件天地 | 网络知识 | 网页制作 | 编程讨论 | 综合问题 | 职场生涯 | 数 码 手 机|
载入中…
当前位置:站长天下 -> 网页制作 -> 各位，请教问题，随页面滚动，十万火急！

各位，请教问题，随页面滚动，十万火急！
收集:TTXS(Fcbu.Com)　　 来源:互联网　　 时间:2006-06-25　
各位，小弟请教一个问题，关于，一个层随页面滚动，加java script 可以的，现在给忘了，还有，在一个很长的页面里，当然，也有很多内容了，左侧的一个导航栏（是随页面滚动的）点击上面的连接，自动打开这个页面中的制定的那一部分内容，这种效果怎么实现的， 详细情况如下：http://www.yemaozhong.net/y_aboutus.html＆＃35;Anchor_2_4
qq 407822165　　msn houzx@cncbz.com 请各位指教，谢谢！！！
＜style type=＂text/css＂＞
＆＃35;floater {
position: absolute;
left: 500;
top: 146;
width: 125;
visibility: visible;
z-index: 10;
}＜/style＞
＜div ID=＂floater＂ style=＂left: 590px; top: 158px＂＞
＜p align=＂center＂＞＜img SRC=＂tp1.gif＂ alt=＂图片显示的文字＂ WIDTH=＂125＂ HEIGHT=＂60＂＞＜br＞
＜font color=＂＆＃35;FF8040＂＞图片下面的文字＜/font＞＜/p＞
＜/div＞＜script LANGUAGE=＂JavaScript＂＞
self.onError=null;
currentX = currentY = 0;
whichIt = null;
lastScrollX = 0; lastScrollY = 0;
NS = (document.layers) ？ 1 : 0;
IE = (document.all) ？ 1: 0;
＜!-- STALKER CODE --＞
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;
}
}
＜!-- /STALKER CODE --＞
＜!-- DRAG DROP CODE --＞
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;
}
＜!-- DRAG DROP CODE --＞
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＞
加在＜body＞里 首先，再次谢谢 sweet snow 的回复， 这段代码是实现 随页面滚动的吧，代码，能简单些吗，
请问各位怎么 实现 图片，或层 自动随页面滚动，是 关于scrollbar 的一段javascript 代码， 有比较简单的吗，具体怎么做，请指教，qq 407822165 msn houzx@cncbz.com 谢谢！！！
把如下代码加入＜body＞区域中
　　＜script＞
var scrollerwidth=115
var scrollerheight=131
var scrollerbgcolor=';＆＃35;FFFFFF';
//3000 miliseconds=9 seconds
var pausebetweenimages=4000

var slideimages=new Array()
slideimages[0>=';＜a href=＂http://www.yahoo.com.cn＂ target=＂_blank＂＞中文雅虎＜/a＞＜br＞＜br＞＜a href=＂http://www.263.net＂ target=＂_blank＂＞首都在线＜/a＞＜br＞＜br＞＜a href=＂http://fsnet.yes8.com/＂ target=＂_blank＂＞网络特区＜/a＞＜br＞＜br＞＜a href=＂http://go.163.com/~xiaofengyun/＂ target=＂_blank＂＞风 云 居＜/a＞';
slideimages[1>=';＜a href=＂＂ target=＂_blank＂＞你的链接＜/a＞＜br＞＜br＞＜a href=＂＂ target=＂_blank＂＞你的链接＜/a＞＜br＞＜br＞＜a href=＂＂ target=＂_blank＂＞你的链接＜/a＞＜br＞＜br＞＜a href=＂＂ target=＂_blank＂＞你的链接＜/a＞';
slideimages[2>=';＜a href=＂http://www.yahoo.com.cn＂ target=＂_blank＂＞中文雅虎＜/a＞＜br＞＜br＞＜a href=＂http://www.263.net＂ target=＂_blank＂＞首都在线＜/a＞＜br＞＜br＞＜a href=＂http://e23456.blogchina.com/＂ target=＂_blank＂＞E路天下＜/a＞＜br＞＜br＞＜a href=＂＂ target=＂_blank＂＞你的链接＜/a＞';
slideimages[3>=';＜a href=＂＂ target=＂_blank＂＞你的链接＜/a＞＜br＞＜br＞＜a href=＂＂ target=＂_blank＂＞你的链接＜/a＞＜br＞＜br＞＜a href=＂＂ target=＂_blank＂＞你的链接＜/a＞＜br＞＜br＞＜a href=＂＂ target=＂_blank＂＞你的链接＜/a＞';


if (slideimages.length＞1)
i=2
else
i=0

function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top＞0＆＆tlayer.top＜=4){
tlayer.top=0
setTimeout(＂move1(tlayer)＂,pausebetweenimages)
setTimeout(＂move2(document.main.document.second)＂,pausebetweenimages)
return
}
if (tlayer.top＞=tlayer.document.height*-1){
tlayer.top-=4
setTimeout(＂move1(tlayer)＂,100)
}
else{
tlayer.top=scrollerheight
tlayer.document.write(slideimages)
tlayer.document.close()
if (i==slideimages.length-1)
i=0
else
i
}
}

function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top＞0＆＆tlayer2.top＜=4){
tlayer2.top=0
setTimeout(＂move2(tlayer2)＂,pausebetweenimages)
setTimeout(＂move1(document.main.document.first)＂,pausebetweenimages)
return
}
if (tlayer2.top＞=tlayer2.document.height*-1){
tlayer2.top-=4
setTimeout(＂move2(tlayer2)＂,100)
}
else{
tlayer2.top=scrollerheight
tlayer2.document.write(slideimages)
tlayer2.document.close()
if (i==slideimages.length-1)
i=0
else
i
}
}

function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop＞0＆＆tdiv.style.pixelTop＜=4){
tdiv.style.pixelTop=0
setTimeout(＂move3(tdiv)＂,pausebetweenimages)
setTimeout(＂move4(second2)＂,pausebetweenimages)
return
}
if (tdiv.style.pixelTop＞=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=4
setTimeout(＂move3(tdiv)＂,100)
}
else{
tdiv.style.pixelTop=scrollerheight
tdiv.innerHTML=slideimages
if (i==slideimages.length-1)
i=0
else
i
}
}

function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop＞0＆＆tdiv2.style.pixelTop＜=4){
tdiv2.style.pixelTop=0
setTimeout(＂move4(tdiv2)＂,pausebetweenimages)
setTimeout(＂move3(first2)＂,pausebetweenimages)
return
}
if (tdiv2.style.pixelTop＞=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=4
setTimeout(＂move4(second2)＂,100)
}
else{
tdiv2.style.pixelTop=scrollerheight
tdiv2.innerHTML=slideimages
if (i==slideimages.length-1)
i=0
else
i
}
}

function startscroll(){
if (document.all){
move3(first2)
second2.style.top=scrollerheight
}
else if (document.layers){
move1(document.main.document.first)
document.main.document.second.top=scrollerheight 5
document.main.document.second.visibility=';show';
}
}

window.onload=startscroll

if (document.layers)
document.write(slideimages[0>)

if (document.layers)
document.write(slideimages[1>)

if (document.layers)
document.write(slideimages[0>)

if (document.all){
document.writeln(';＜span id=＂main2＂ style=＂position:relative;width:'; scrollerwidth ';;height:'; scrollerheight ';;overflow:hiden;background-color:'; scrollerbgcolor ';＂＞';)
document.writeln(';＜div style=＂position:absolute;width:'; scrollerwidth ';;height:'; scrollerheight ';;clip:rect(0 '; scrollerwidth '; '; scrollerheight '; 0);left:0;top:0＂＞';)
document.writeln(';＜div id=＂first2＂ style=＂position:absolute;width:'; scrollerwidth ';;left:0;top:1;＂＞';)
document.write(slideimages[0>)
document.writeln(';＜/div＞';)
document.writeln(';＜div id=＂second2＂ style=＂position:absolute;width:'; scrollerwidth ';;left:0;top:0＂＞';)
document.write(slideimages[1>)
document.writeln(';＜/div＞';)
document.writeln(';＜/div＞';)
document.writeln(';＜/span＞';)
}
＜/script＞


＜HTML＞＜HEAD＞＜TITLE＞动态定位＜/TITLE＞＜/HEAD＞
＜SCRIPT language=＂JavaScript＂＞＜!--
function ichatload(){
ichat.style.top=document.body.scrollTop;
ichatmove();}
function ichatmove(){
ichat.style.top=document.body.scrollTop 45;
setTimeout(＂ichatmove();＂,0)}
//--!＞＜/script＞
＜BODY onload=＂ichatload()＂＞
＜TABLE border=＂1＂ width=＂700＂ id=＂table1＂ height=＂2000＂＞
＜TR＞
＜TD valign=＂top＂＞
＜DIV id=ichat style=＂height:170;width:170;background-color:orange;position:absolute;top:0;＂＞
★★链接菜单以及随屏滚动的内容要放在此处！★★
＜/div＞
＜/TD＞
＜/TR＞
＜/TABLE＞
＜/BODY＞
＜/HTML＞ 哦～楼上的代码好简单的说……又学会咯……谢谢～～～
o^0^o 呵呵~~我用的遨游 全部屏蔽浮动 所以我做的页面也都不带浮动
打印本文　 返回顶部　 加入收藏　 关闭窗口
广 告 位 招 租
  • 上一篇： 网页中链接的下划线怎么去掉？(在线等)
  • 下一篇： ASP个人上手指南
    		•
    关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 管理登录
    联系方式
    Copyright © 2004-2007 FCBU.Com All Rights Reserved.
    版权所有:『站长天下』 新凌讯网络;保留所有权利. 赣ICP备05002812