JS實(shí)現(xiàn)用兩個(gè)按鈕控制水平/垂直區(qū)域內(nèi)容滾動(dòng)

weiledream 2011-05-15

展開(kāi)全文

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www./1999/xhtml">
<head>
  <title>JS實(shí)現(xiàn)用兩個(gè)按鈕控制水平/垂直區(qū)域內(nèi)容滾動(dòng) - www.</title>
<style type="text/css">
td {font-size: 12px;}
.opacity {COLOR: #4AAAC5; FILTER: alpha(opacity=100)}
.solid-top {BORDER-TOP: #CCCCCC 1px solid}
.solid-right {BORDER-RIGHT: #CCCCCC 1px solid}
.solid-bottom {BORDER-BOTTOM: #CCCCCC 1px solid}
.solid-left {BORDER-LEFT: #CCCCCC 1px solid}
</style>
</head>
<body>
<table width="510" border="0" align="center" cellpadding="0" cellspacing="0" class="solid-top solid-bottom">

<tr>
    <td width="480"><iframe src="http://www./images/20100906/news-1.htm" name="new_date"
                                width="480" marginwidth="0" height="150"
                                marginheight="0" scrolling="No"
                                frameborder="0" id="new_date" border="0" framespacing="2"
                                noresize="noresize" vspale="0"></iframe></td>
    <td width="30" align="center" valign="top"><br>
        <img src="http://www./images/20100906/scrollup.gif" alt="點(diǎn)住不放可以快速向上滾動(dòng)"
                                width="11" height="11" vspace="5" class="opacity"
                                onMouseDown="movover();movstar(-3,2)"
                                onMouseUp="movover();movstar(-1,20)"
                                onMouseOver="movstar(-1,20);o_down(this)"
                                onMouseOut="movover();o_up(this)" /><br>
        <img src="http://www./images/20100906/scrolldw.gif" alt="點(diǎn)住不放可以快速向下滾動(dòng)"
                                width="11" height="11" vspace="5" class="opacity"
                                onMouseDown="movover();movstar(3,2)"
                                onMouseUp="movover();movstar(1,20)"
                                onMouseOver="movstar(1,20);o_down(this)"
                                onMouseOut="movover();o_up(this)" /> <br>
    <script language=JavaScript>
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></td>
</tr>
</table>
<br>
<br>
<table width="510" height="180" border="0" align="center" cellpadding="0" cellspacing="0" class="solid-left solid-right">
<tr>
    <td><iframe src="http://www./images/20100906/news-2.htm" name="frm_piclist"
                                width="510" marginwidth="0" height="150"
                                marginheight="0" scrolling="No"
                                frameborder="0" id="frm_piclist" border="0" framespacing="2"
                                noresize="noresize" vspale="0"></iframe></td>
</tr>
<tr>
    <td height="30" align="center"><IMG
                  src="http://www./images/20100906/scrolllf.gif" alt="點(diǎn)住不放可以快速向左滾動(dòng)" width="11" height="11" hspace="5" border=0 class=opacity
                  onmousedown=runover();runstar(-3,2,2)
                  onmouseup=runover();runstar(-1,20,2)
                  onmouseover=runstar(-1,20,2);x_down(this)
                  onmouseout=runover();x_up(this)><IMG
                  src="http://www./images/20100906/scrollrt.gif" alt="點(diǎn)住不放可以快速向右滾動(dòng)" width="11" height="11" hspace="5" border=0 class=opacity
                  onmousedown=runover();runstar(3,2,2)
                  onmouseup=runover();runstar(1,20,2)
                  onmouseover=runstar(1,20,2);x_down(this)
                  onmouseout=runover();x_up(this)>
    <SCRIPT>
function runstar(a,time,flag){
if (1 == flag){runx=setInterval("run("+a+")",10)}
else{runx=setInterval("run2("+a+")",10)}

}
function runover(){
clearInterval(runx)
}
function run(a){
scrollx=frm_frdlist.document.body.scrollLeft
scrolly=frm_frdlist.document.body.scrollTop
scrollx=scrollx+a
frm_frdlist.window.scroll(scrollx,scrolly)
}
function run2(a){
scrollx=frm_piclist.document.body.scrollLeft
scrolly=frm_piclist.document.body.scrollTop
scrollx=scrollx+a
frm_piclist.window.scroll(scrollx,scrolly)
}
function x_down(theobject){
object=theobject

while(object.filters.alpha.opacity>60){
  object.filters.alpha.opacity+=-10
}
}
function x_up(theobject){
object=theobject
while(object.filters.alpha.opacity<60){
  object.filters.alpha.opacity+=10
}
}
function wback(){
if(frm_frdlist.history.length==0){window.history.back()}
else{frm_frdlist.history.back()}
}
      </SCRIPT></td>
</tr>
</table>
<br />
<p><a href="http://www.">網(wǎng)頁(yè)代碼站</a> - 最專業(yè)的代碼下載網(wǎng)站 - 致力為中國(guó)站長(zhǎng)提供有質(zhì)量的代碼！</p>
</body>
</html>

本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊一鍵舉報(bào)。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來(lái)自： weiledream > 《我的圖書館》

舉報(bào)/認(rèn)領(lǐng)