向上、向下按钮怎么做？

把有滚动条的屏幕拷贝到photoshop中，剪切下来贴在网页就可以了

解决方案 »

  1.   

    <html>
    <body>
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    <button onclick=dn()>dn</button><br>
    <button onclick=up()>up</button><br>
    <br>1
    <br>12312
    <br>asdaghjasd
    <br>asdaghjcbvcbvcvbcbvcbvcbvc
    <br>asdajdssfdfdsfdsfdsdsf
    <br>asdagcxvcxvcxbvcbvnbvnbnb,mn,m.,m
    </body>
    </html>
    <script language="javascript">
    function up(){
      document.body.doScroll("up")
    }
    function dn(){
      document.body.doScroll("down")
    }
    </script>别忘了给分
      

  2.   

    <script>
    var t;
    </script>
    <input style="height:1000;width:100" type=button value=up onmouseover="t = setInterval('window.scrollBy(0,1)',2);" onmouseout="clearInterval(t)">
    就是这个意思啦
      

  3.   

    大概是这种效果吧，滚动的速度以speed调节
    <script language=JavaScript>
    speed=200;
    pageheight=0;
    function KB_keepItInIE(theName,theWantTop,theWantLeft) {
    theRealTop=parseInt(document.body.scrollTop)
    theTrueTop=theWantTop+theRealTop
    document.all[theName].style.top=theTrueTop
    theRealLeft=parseInt(document.body.scrollLeft)
    theTrueLeft=theWantLeft+theRealLeft
    document.all[theName].style.left=theTrueLeft
    }setInterval('KB_keepItInIE("KBStatic",0,document.body.offsetWidth-20)',1)
    setInterval('KB_keepItInIE("KBStatic2",document.body.offsetHeight-20,document.body.offsetWidth-20)',1)function up()
    {
    document.body.scrollTop-=speed;
    }
    function down()
    {
    if(document.body.scrollTop+speed<pageheight)
    document.body.scrollTop+=speed;
    }
    </script>
    <body scroll=no onload="pageheight=document.body.scrollHeight">
    <SCRIPT> 
    document.write("◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇<br>") 
    for(i=100; i<140; i++){ 
    document.write("◇◇"+i+"◇◇<br>") 
    } 
    </SCRIPT>
    <div id="KBStatic" style="position:absolute; left:3px; top:0px; width:553px; height:70px; z-index:25"> 
    <input type=button value="↑" width=20 height=20 onclick="up()"></div> 
    <div id="KBStatic2" style="position:absolute; left:3px; top:0px; width:553px; height:70px; z-index:25"> 
    <input type=button value="↓" width=20 height=20 onclick="down()"></div>
    </body>
      

  4.   

    你是不是想弄一个Outlook样式的菜单？是不是我已经寄了一个给你？
      

  5.   

    to:weidegong(weidegong) 
    没错，就是不知道怎么把按钮代码取出来，放在我的程序中
      

  6.   

    看这段代码：mail中图标项太多显示就不正常，所以要添加  向上、向下按钮。
    <html>
    <UL ID="mytree" STYLE="display:none;">
        <LI VALUE="Mail">
    <UL IMGSRC="outlook\inbox.gif" VALUE="InBox" HREF="contents.htm"></UL>
    <UL IMGSRC="outlook\outbox.gif" VALUE="OutBox" HREF="contents.htm"></UL>
    <UL IMGSRC="outlook\sentitems.gif" VALUE="Sent" HREF="contents.htm"></UL>
    </LI>
    <LI VALUE="Contacts">
    <UL IMGSRC="outlook\contacts.gif" VALUE="Contacts" HREF="contents.htm"></UL>
    </LI>
    <LI VALUE="Other">
    <UL IMGSRC="outlook\journal.gif" VALUE="Journal" HREF="contents.htm"></UL>
    <UL IMGSRC="outlook\tasks.gif" VALUE="Tasks" HREF="contents.htm"></UL>
    <UL IMGSRC="outlook\notes.gif" VALUE="Notes" HREF="contents.htm"></UL>
    <UL IMGSRC="outlook\calendar.gif" VALUE="Calendar" HREF="contents.htm"></UL>
    </LI>
    </UL>
    <SCRIPT LANGUAGE=javascript>
    <!--
    //Size of  buttons.
    var BTN_HEIGHT = 25;
    var BTN_WIDTH = 100;
    //Space between buttons.
    var BTN_SPACE = 1;var ITM_HEIGHT = 80;
    var ITM_SPACE = 2;var ButtonCount = 0;
    var ItemCounts;
    var FocusButton;
    //reset postion of buttons and items, show clicked button's items, hide other items.
    function onBtnClick(btnIndex)
    {
    var i;
    var minHeight;
    var btmBtnTop;
    if ((btn < 0) || (btn >= ButtonCount)) return;
    document.body.scrollTop = 0;
    for(i=0; i<=btnIndex; i++)
    {
    var btn = document.all.item("BTN" + i);
    if (btn == null)
    alert("NULL BTN");
    else
    btn.style.posTop = i * (BTN_HEIGHT + BTN_SPACE);
    };
    //minimun height used by buttons and items.
    minHeight = ButtonCount * (BTN_HEIGHT + BTN_SPACE) - BTN_SPACE + ItemCounts[btnIndex] * (ITM_HEIGHT + ITM_SPACE);
    //calculate bottom button's start top position.
    if (minHeight > document.body.clientHeight)
    {
    document.body.setAttribute("SCROLL", "YES", false);
    btmBtnTop = (btnIndex+1) * (BTN_HEIGHT + BTN_SPACE) - BTN_SPACE + ItemCounts[btnIndex] * (ITM_HEIGHT + ITM_SPACE);
    }
    else
    {
    document.body.setAttribute("SCROLL", "NO", false);
    btmBtnTop = document.body.clientHeight - (ButtonCount - btnIndex -1) * (BTN_HEIGHT + BTN_SPACE);
    }
    for(i=btnIndex + 1; i<ButtonCount; i++)
    {
    var btn = document.all.item("BTN" + i);
    if (btn == null)
    alert("NULL BTN");
    else
    btn.style.posTop = btmBtnTop;
    btmBtnTop += (BTN_HEIGHT + BTN_SPACE);
    };
    var itmtop = (BTN_HEIGHT + BTN_SPACE) * (btnIndex + 1);
    for(i=0; i<ButtonCount; i++)
    for(j=0; j<ItemCounts[i]; j++)
    {
    var tbl = document.all.item("ITM" + i + "_" + j);
    if (null == tbl) continue;
    if (i == btnIndex)
    {
    tbl.style.posTop = itmtop + j * (ITM_HEIGHT + ITM_SPACE);
    tbl.style.visibility = "visible";
    }
    else
    tbl.style.visibility = "hidden";
    //tbl.style.display = "none";
    }
    FocusButton = btnIndex;
    };function onResize()
    {
    onBtnClick(FocusButton);
    }function constructmenu()
    {
    var i,j;
    var str;
    str = "";
    ItemCounts = new Array();
    for(i=0; i<mytree.children.length; i++)
    {
    var item = mytree.children.item(i);
    str += '<INPUT TYPE="BUTTON" '+
    'ID="BTN' + i + '" '+
    'VALUE="' + item.getAttribute("VALUE") +'" ' +
    'STYLE="position:absolute; HEIGHT: ' + BTN_HEIGHT + 'px; WIDTH: ' + BTN_WIDTH + 'px;" ' +
    'ONCLICK="onBtnClick(' + i +');' +
    '">';
    str += '\n<BR>';
    ItemCounts[i] = 0;
    for(j=0; j < item.children.length; j++)
    {
    str += '<TABLE WIDTH=' + BTN_WIDTH + ' ID="ITM' + i + '_' + j + '" STYLE="position:absolute;">';
    str += '<TR><TD ALIGN=CENTER>';
    str += '<A HREF=' + item.children.item(j).getAttribute("HREF") + ' TARGET="CONTENTS">';
    str += '<IMG SRC="' + item.children.item(j).getAttribute("IMGSRC") + '" ALIGN=CENTER STYLE="border:none;">';
    str += '</A>';
    str += '</TD></TR>';
    str += '<TR><TD ALIGN=CENTER>';
    str += item.children.item(j).getAttribute("VALUE");
    str += '</TD></TR>';
    str += '</TABLE>';
    ItemCounts[i] ++;
    }
    ButtonCount ++;
    }
    menu.outerHTML = str; onBtnClick(0);
    //menu.innerText = str;
    FocusButton = 0;
    window.onresize = onResize;
    }
    //-->
    </SCRIPT>
    </HEAD>
    <BODY ONLOAD="constructmenu();" LEFTMARGIN=4>
    <DIV ID="menu">
    </DIV>
    </BODY>
    </HTML>