[藍森林-自由軟件] - 求滾動特效！

　您目前的位置： > > > 應用編程

藍森林 http://www.lslnet.com 2006年8月25日 8:28

求滾動特效！

單擊圖片，能實現在網頁滾動。
請個哪個大哥知道，指點下。

[html]
<html>
<head>
<title>javascriptboy</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">

</style>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<div id="staticbuttons" style="position:absolute;"> <a href="javascript:" onmouseover="myspeed=-thespeed" onmouseout="myspeed=0"><img
src="http://www.hot4.org/java/dynamic/CustomScrollbar/top.gif" border="0" width="17" height="21"></a> 
 <a href="javascript:" onmouseover="myspeed=thespeed" onmouseout="myspeed=0"><img
src="http://www.hot4.org/java/dynamic/CustomScrollbar/bottom.gif" border="0" width="17" height="21"></a> </div>
<script>
var Hoffset=70 //Enter buttons' offset from right edge of window (adjust depending on images width)
var Voffset=80 //Enter buttons' offset from bottom edge of window (adjust depending on images height)
var thespeed=3 //Enter scroll speed in integer (Advised: 1-3)

var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1
var myspeed=0

var ieHoffset_extra=document.all? 15 : 0
var cross_obj=document.all? document.all.staticbuttons : document.getElementById? document.getElementById("staticbuttons") : document.staticbuttons

function positionit(){
var dsocleft=document.all? document.body.scrollLeft : pageXOffset
var dsoctop=document.all? document.body.scrollTop : pageYOffset
var window_width=ieNOTopera? document.body.clientWidth+ieHoffset_extra : window.innerWidth+ieHoffset_extra
var window_height=ieNOTopera? document.body.clientHeight : window.innerHeight

if (document.all||document.getElementById){
cross_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-Hoffset
cross_obj.style.top=dsoctop+parseInt(window_height)-Voffset
}
else if (document.layers){
cross_obj.left=dsocleft+window_width-Hoffset
cross_obj.top=dsoctop+window_height-Voffset
}
}

function scrollwindow(){
window.scrollBy(0,myspeed)
}

function initializeIT(){
positionit()
if (myspeed!=0){
scrollwindow()
}
}

if (document.all||document.getElementById||document.layers)
setInterval("initializeIT()",20)

</script>
1 
2 
3 
4 
5 
6 
7 
8 
9 
1 
2 
3 
4 
5 
6 
7 
8 
9 
1 
2 
3 
4 
5 
6 
7 
8 
9 
1 
2 
3 
4 
5 
6 
7 
8 
9 
1 
2 
3 
4 
5 
6 
7 
8 
9 
1 
2 
3 
4 
5 
6 
7 
8 
9 
1 
2 
3 
4 
5 
6 
7 
8 
9 
1 
2 
3 
4 
5 
6 
7 
8 
9 
1 
2 
3 
4 
5 
6 
7 
8 
9 
1 
2 
3 
4 
5 
6 
7 
8 
9 
1 
2 
3 
4 
5 
6 
7 
8 
9 
1 
2 
3 
4 
5 
6 
7 
8 
9 
1 
2 
3 
4 
5 
6 
7 
8 
9 
1 
2 
3 
4 
5 
6 
7 
8 
9 
1 
2 
3 
4 
5 
6 
7 
8 
9 
1 
2 
3 
4 
5 
6 
7 
8 
9 
1 
2 
3 
4 
5 
6 
7 
8 
9 
</body>
</html>

[/html]

如果我是想讓iframe裡的頁面滾動，怎麼辦？

[html]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>It365cn.com</title>
<link href="http://www.it365cn.com/preview/style.css" rel="stylesheet" type="text/css">
<style type="text/css">

</style>
<script>
function movstar(a,time){
movx=setInterval("mov("+a+")",time)
}
function movover(){
clearInterval(movx)
}
function mov(a){
scrollx=new_date.document.body.scrollLeft
scrolly=new_date.document.body.scrollTop
scrolly=scrolly+a
new_date.window.scroll(scrollx,scrolly)
}
function o_down(theobject){
object=theobject
while(object.filters.alpha.opacity>60){
object.filters.alpha.opacity+=-10}
}
function o_up(theobject){
object=theobject
while(object.filters.alpha.opacity<100){
object.filters.alpha.opacity+=10}
}
function wback(){
if(new_date.history.length==0){window.history.back()}
else{new_date.history.back()}
}
</script>
</head>

<body leftmargin="0" topmargin="0">
<table width="100%" height="100%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000" class="tb">
 <tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td align="center" class="me">使用指針控制文字上下滾動的製作</td>
 </tr>
 </table>
 <table width="593" border="0" cellspacing="0" cellpadding="0" align="center">
 <tr>
 <td colspan="2"><iframe border=0 frameborder=0 framespacing=0 height='200' marginheight=0 marginwidth=0 name=new_date noResize scrolling=no
src="/" width='590' vspale="0"></iframe></td>
 </tr>
 <tr bgcolor="#FFFFFF">
 <td colspan="2" height="8"></td>
 </tr>
 <tr bgcolor="#FFFFFF">
 <td width="486"> </td>
 <td width="107">
 <div align="center"><img src="http://www.it365cn.com/preview/images/arrowup.gif" class=opacity width="13" height="13" align="absmiddle" alt=點住不放可以快速向上滾動 onMouseDown=movover();movstar(-3,2) onMouseOut=movover();o_up(this) onMouseOver=movstar(-1,20);o_down(this) onMouseUp=movover();movstar(-1,20) style="cursor:hand">　<img src="http://www.it365cn.com/preview/images/arrowdown.gif" class=opacity onMouseDown=movover();movstar(3,2) onMouseOut=movover();o_up(this)
onMouseOver=movstar(1,20);o_down(this) onMouseUp=movover();movstar(1,20) alt="點住不放可以快速向下滾動" width="13" height="13" border="0" align="absmiddle" style="cursor:hand"></div></td>
 </tr>
 <tr bgcolor="#FFFFFF">
 <td colspan="2" height="12"></td>
 </tr>
 </table>
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td align="center"> 

 </td>
 </tr>
 <tr>
 <td align="right" class="cn" style="padding-right:28px"><a href="http://www.it365cn.com" target="_blank" onFocus="if(this.blur)this.blur()">www.it365cn.com</a></td>
 </tr>
 </table></td>
 </tr>
</table>
</body>
</html>
[/html]

謝謝，把我的難題都解決了。

[ 關閉窗口 ]

E-mail : webmaster@lslnet.com