很酷的文字滚动显示.docx
- 文档编号:6377677
- 上传时间:2023-01-05
- 格式:DOCX
- 页数:6
- 大小:15.76KB
很酷的文字滚动显示.docx
《很酷的文字滚动显示.docx》由会员分享,可在线阅读,更多相关《很酷的文字滚动显示.docx(6页珍藏版)》请在冰豆网上搜索。
很酷的文字滚动显示
脚本说明:
第一步:
把如下代码加入
区域中#scrollerContent{POSITION:
absolute}
body{font-size:
9pt;color:
#660000;text-decoration:
none}
varupH=13;//向上的箭头的高度
varupW=9;//向上的箭头的宽度
vardownH=13;//向下的箭头的高度
vardownW=9;//向下的箭头的宽度
vardragH=26;//滚动条的高度
vardragW=9;//滚动条的宽度
varscrollH=68;//滚动体的高度
varspeed=9;//滚动的速度
vardom=document.getElementById?
true:
false;
varnn4=document.layers?
true:
false;
varie4=document.all?
true:
false;
varmouseY;
varmouseX;
varclickUp=false;
varclickDown=false;
varclickDrag=false;
varclickAbove=false;
varclickBelow=false;
vartimer=setTimeout("",500);
varupL;
varupT;
vardownL;
vardownT;
vardragL;
vardragT;
varrulerL;
varrulerT;
varcontentT;
varcontentH;
varcontentClipH;
varscrollLength;
varstartY;
functiondown(e){
if((document.layers&&e.which!
=1)||(document.all&&event.button!
=1))returntrue;
getMouse(e);
startY=(mouseY-dragT);
if(mouseX>=upL&&(mouseX<=(upL+upW))&&mouseY>=upT&&(mouseY<=(upT+upH))){
clickUp=true;
returnscrollUp();
}
elseif(mouseX>=downL&&(mouseX<=(downL+downW))&&mouseY>=downT&&(mouseY<=(downT+downH))){
clickDown=true;
returnscrollDown();
}
elseif(mouseX>=dragL&&(mouseX<=(dragL+dragW))&&mouseY>=dragT&&(mouseY<=(dragT+dragH))){
clickDrag=true;
returnfalse;
}
elseif(mouseX>=dragL&&(mouseX<=(dragL+dragW))&&mouseY>=rulerT&&(mouseY<=(rulerT+scrollH))){
if(mouseY clickAbove=true; clickUp=true; returnscrollUp(); } else{ clickBelow=true; clickDown=true; returnscrollDown(); } } else{ returntrue; } } functionmove(e){ if(clickDrag&&contentH>contentClipH){ getMouse(e); dragT=(mouseY-startY); if(dragT<(rulerT)) dragT=rulerT; if(dragT>(rulerT+scrollH-dragH)) dragT=(rulerT+scrollH-dragH); contentT=((dragT-rulerT)*(1/scrollLength)); contentT=eval('-'+contentT); moveTo(); if(ie4) returnfalse; } } functionup(){ clearTimeout(timer); clickUp=false; clickDown=false; clickDrag=false; clickAbove=false; clickBelow=false; returntrue; } functiongetT(){ if(ie4) contentT=document.all.scrollerContent.style.pixelTop; elseif(nn4) contentT=document.scrollerContentClip.document.scrollerContent.top; elseif(dom) contentT=parseInt(document.getElementById("scrollerContent").style.top); } functiongetMouse(e){ if(ie4){ mouseY=event.clientY+document.body.scrollTop; mouseX=event.clientX+document.body.scrollLeft; } elseif(nn4||dom){ mouseY=e.pageY; mouseX=e.pageX; } } functionmoveTo(){ if(ie4){ document.all.scrollerContent.style.top=contentT; document.all.ruler.style.top=dragT; document.all.drag.style.top=dragT; } elseif(nn4){ document.scrollerContentClip.document.scrollerContent.top=contentT; document.ruler.top=dragT; document.drag.top=dragT; } elseif(dom){ document.getElementById("scrollerContent").style.top=contentT+"px"; document.getElementById("drag").style.top=dragT+"px"; document.getElementById("ruler").style.top=dragT+"px"; } } functionscrollUp(){ getT(); if(clickAbove){ if(dragT<=(mouseY-(dragH/2))) returnup(); } if(clickUp){ if(contentT<0){ dragT=dragT-(speed*scrollLength); if(dragT<(rulerT)) dragT=rulerT; contentT=contentT+speed; if(contentT>0) contentT=0; moveTo(); timer=setTimeout("scrollUp()",25); } } returnfalse; } functionscrollDown(){ getT(); if(clickBelow){ if(dragT>=(mouseY-(dragH/2))) returnup(); } if(clickDown){ if(contentT>-(contentH-contentClipH)){ dragT=dragT+(speed*scrollLength); if(dragT>(rulerT+scrollH-dragH)) dragT=(rulerT+scrollH-dragH); contentT=contentT-speed; if(contentT<-(contentH-contentClipH)) contentT=-(contentH-contentClipH); moveTo(); timer=setTimeout("scrollDown()",25); } } returnfalse; } functionreloadPage(){ location.reload(); } functioneventLoader(){ if(ie4){ upL=document.all.up.style.pixelLeft; upT=document.all.up.style.pixelTop; downL=document.all.down.style.pixelLeft; downT=document.all.down.style.pixelTop; dragL=document.all.drag.style.pixelLeft; dragT=document.all.drag.style.pixelTop; rulerT=document.all.ruler.style.pixelTop; contentH=parseInt(document.all.scrollerContent.scrollHeight); contentClipH=parseInt(document.all.scrollerContentClip.style.height); } elseif(nn4){ upL=document.up.left; upT=document.up.top; downL=document.down.left; downT=document.down.top; dragL=document.drag.left; dragT=document.drag.top; rulerT=document.ruler.top; contentH=document.scrollerContentClip.document.scrollerContent.clip.bottom; contentClipH=document.scrollerContentClip.clip.bottom; } elseif(dom){ upL=parseInt(document.getElementById("up").style.left); upT=parseInt(document.getElementById("up").style.top); downL=parseInt(document.getElementById("down").style.left); downT=parseInt(document.getElementById("down").style.top); dragL=parseInt(document.getElementById("drag").style.left); dragT=parseInt(document.getElementById("drag").style.top); rulerT=parseInt(document.getElementById("ruler").style.top); contentH=parseInt(document.getElementById("scrollerContent").offsetHeight); contentClipH=parseInt(document.getElementById("scrollerContentClip").offsetHeight); document.getElementById("scrollerContent").style.top=0+"px"; } scrollLength=((scrollH-dragH)/(contentH-contentClipH)); if(nn4){ document.captureEvents(Event.MOUSEDOWN|Event.MOUSEMOVE|Event.MOUSEUP); window.onresize=reloadPage; } document.onmousedown=down; document.onmousemove=move; document.onmouseup=up; } id=drag style="LEFT: 203px;POSITION: absolute;TOP: 116px"> height=26src="slider.gif"width=9> id=ruler style="TOP: 116px"> id=up style="LEFT: 203px;POSITION: absolute;TOP: 100px"> height=13alt=""src="scrollup.gif"width=9border=0> style="LEFT: 203px;POSITION: absolute;TOP: 186px"> height=13alt=""src="scrolldown.gif"width=9border=0> id=scrollerContentClip style="LEFT: 100;VISIBILITY: visible;OVERFLOW: hidden;WIDTH: 100;CLIP: rect(0px140px194px0px);POSITION: absolute;TOP: 100;HEIGHT: 100;border: #CC66001pxsolid"> id=scrollerContentstyle="width: 100;height: 100"> asdfasdfasdfasdf asdfasdfasdfasdf asdfasdfasdfasf ASdfasdfasdfas Asdfasdfasdf Asdfasdfasdf asdfasdfasdfasdf asdfasdfasdfa asdf asdf ASdfa Sdfas Dfasd FasdFasdf asdf asdf sadf asdfasdf asdf asdf asdf asdf asdf asdf asdf asdf asdfsdf Asdfa SdfsadFasdf 第二步: 把
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 文字 滚动 显示
![提示](https://static.bdocx.com/images/bang_tan.gif)