求一JS代码:能使'关闭/打开左侧栏'框架的按钮上下滚动?当滚动IE上下滚动条时,也同时滚动'关闭/打开左侧栏'框架的按钮.
就是说隐藏左框架的那个按钮可以随IE上下滚动条滚动而滚动?
<body>
    <form id="form1" runat="server">
        <div>
            <table cellspacing="0" cellpadding="0" border="0" style="height: 100%;">
                <tbody>
                    <tr>
                        <td>
                            <img id="image1Id" src="images/left.gif" onclick="changeState();" alt="关闭/打开左栏" border="0" />
                        </td>
                    </tr>
                </tbody>
            </table>
</form>
</body>

解决方案 »

  1.   

    不是,是这样的,这个网站:http://nbbbs.zol.com.cn/
    中间那个关闭左侧栏的那个按钮,可以上下滚动
      

  2.   

    哦 知道了
    把下面的内容全部复制到txt里,然后把后缀 换成 html 
    -----------------------------------------
    要完成此效果把如下代码加入到<head>区域中<STYLE>
    <!--
    A.ssmItems:link        {color:black;text-decoration:none;}
    A.ssmItems:hover    {color:black;text-decoration:none;}
    A.ssmItems:active    {color:black;text-decoration:none;}
    A.ssmItems:visited    {color:black;text-decoration:none;}
    //-->
    </STYLE><SCRIPT>
    NS6 = (document.getElementById && !document.all)
    IE = (document.all)
    NS = (navigator.appName=="Netscape"  &&  navigator.appVersion.charAt(0)=="4")tempBar='';barBuilt=0;ssmItems=new Array();moving=setTimeout('null',1)
    function moveOut() {
    if ((NS6||NS) && parseInt(ssm.left)<0 || IE  &&  ssm.pixelLeft<0) {
    clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed);slideMenu(10)}
    else {clearTimeout(moving);moving=setTimeout('null',1)}};
    function moveBack() {clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}
    function moveBack1() {
    if ((NS6||NS)  &&  parseInt(ssm.left)>(-menuWidth) || IE  &&  ssm.pixelLeft>(-menuWidth)) {
    clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);slideMenu(-10)}
    else {clearTimeout(moving);moving=setTimeout('null',1)}}
    function slideMenu(num){
    if (IE) {ssm.pixelLeft += num;}
    if (NS||NS6) {ssm.left = parseInt(ssm.left)+num;}
    if (NS) {bssm.clip.right+=num;bssm2.clip.right+=num;}}function makeStatic() {
    if (NS||NS6) {winY = window.pageYOffset;}
    if (IE) {winY = document.body.scrollTop;}
    if (NS6||IE||NS) {
    if (winY!=lastY && winY>YOffset-staticYOffset) {
    smooth = .2 * (winY - lastY - YOffset + staticYOffset);}
    else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {
    smooth = .2 * (winY - lastY - (YOffset-(YOffset-winY)));}
    else {smooth=0}
    if(smooth > 0) smooth = Math.ceil(smooth);
    else smooth = Math.floor(smooth);
    if (IE) bssm.pixelTop+=smooth;
    if (NS6||NS) bssm.top=parseInt(bssm.top)+smooth
    lastY = lastY+smooth;
    setTimeout('makeStatic()', 1)}}function buildBar() {
    if(barText.indexOf('<IMG')>-1) {tempBar=barText}
    else{for (b=0;b<barText.length;b++) {tempBar+=barText.charAt(b)+"<BR>"}}
    document.write('<td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD>')}function initSlide() {
    if (NS6){ssm=document.getElementById("thessm").style;bssm=document.getElementById("basessm").style;
    bssm.clip="rect(0 "+document.getElementById("thessm").offsetWidth+" "+document.getElementById("thessm").offsetHeight+" 0)";ssm.visibility="visible";}
    else if (IE) {ssm=document.all("thessm").style;bssm=document.all("basessm").style
    bssm.clip="rect(0 "+thessm.offsetWidth+" "+thessm.offsetHeight+" 0)";bssm.visibility = "visible";}
    else if (NS) {bssm=document.layers["basessm1"];
    bssm2=bssm.document.layers["basessm2"];ssm=bssm2.document.layers["thessm"];
    bssm2.clip.left=0;ssm.visibility = "show";}
    if (menuIsStatic=="yes") makeStatic();}function buildMenu() {
    if (IE||NS6) {document.write('<DIV ID="basessm" style="visibility:hidden;Position : Absolute ;Left : '+XOffset+' ;Top : '+YOffset+' ;Z-Index : 20;width:'+(menuWidth+barWidth+10)+'"><DIV ID="thessm" style="Position : Absolute ;Left : '+(-menuWidth)+' ;Top : 0 ;Z-Index : 20;" onmouseover="moveOut()" onmouseout="moveBack()">')}
    if (NS) {document.write('<LAYER name="basessm1" top="'+YOffset+'" LEFT='+XOffset+' visibility="show"><ILAYER name="basessm2"><LAYER visibility="hide" name="thessm" bgcolor="'+menuBGColor+'" left="'+(-menuWidth)+'" onmouseover="moveOut()" onmouseout="moveBack()">')}
    if (NS6){document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'"><TR><TD>')}
    document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'">');
    for(i=0;i<ssmItems.length;i++) {
    if(!ssmItems[i][3]){ssmItems[i][3]=menuCols;ssmItems[i][5]=menuWidth-1}
    else if(ssmItems[i][3]!=menuCols)ssmItems[i][5]=Math.round(menuWidth*(ssmItems[i][3]/menuCols)-1);
    if(ssmItems[i-1] && ssmItems[i-1][4]!="no"){document.write('<TR>')}
    if(!ssmItems[i][1]){
    document.write('<td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+ssmItems[i][0]+'</b></font></td>')}
    else {if(!ssmItems[i][2])ssmItems[i][2]=linkTarget;
    document.write('<TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV  ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+ssmItems[i][1]+'" target="'+ssmItems[i][2]+'" CLASS="ssmItems">'+ssmItems[i][0]+'</DIV></LAYER></ILAYER></TD>')}
    if(ssmItems[i][4]!="no" && barBuilt==0){buildBar();barBuilt=1}
    if(ssmItems[i][4]!="no"){document.write('</TR>')}}
    document.write('</table>')
    if (NS6){document.write('</TD></TR></TABLE>')}
    if (IE||NS6) {document.write('</DIV></DIV>')}
    if (NS) {document.write('</LAYER></ILAYER></LAYER>')}
    theleft=-menuWidth;lastY=0;setTimeout('initSlide();', 1)}</SCRIPT><SCRIPT>
    YOffset=150; // no quotes!!
    XOffset=0;
    staticYOffset=30; // no quotes!!
    slideSpeed=20 // no quotes!!
    waitTime=100; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.
    menuBGColor="black";
    menuIsStatic="yes"; //this sets whether menu should stay static on the screen
    menuWidth=150; // Must be a multiple of 10! no quotes!!
    menuCols=2;
    hdrFontFamily="verdana";
    hdrFontSize="2";
    hdrFontColor="white";
    hdrBGColor="#170088";
    hdrAlign="left";
    hdrVAlign="center";
    hdrHeight="15";
    linkFontFamily="Verdana";
    linkFontSize="2";
    linkBGColor="white";
    linkOverBGColor="#FFFF99";
    linkTarget="_top";
    linkAlign="Left";
    barBGColor="#444444";
    barFontFamily="Verdana";
    barFontSize="2";
    barFontColor="white";
    barVAlign="center";
    barWidth=20; // no quotes!!
    barText="站内导航菜单"; // <IMG> tag supported. Put exact html for an image to show.///////////////////////////// ssmItems[...]=[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header
    ssmItems[0]=["站内导航"] //create header
    ssmItems[1]=["本站首页", "http://www.jsshow.com", ""]
    ssmItems[2]=["脚本分类", "#",""]
    ssmItems[3]=["教程分类", "#", ""]
    ssmItems[4]=["另类下载", "#", "_blank"]
    ssmItems[5]=["有间聊栈", "#", ""]
    ssmItems[6]=["关于我们", "#", ""]ssmItems[7]=["FAQ", "#", "", 1, "no"] //create two column row
    ssmItems[8]=["Email", "#", "",1]ssmItems[9]=["友情链接", "", ""] //create header
    ssmItems[10]=["Hot Link", "#", ""]
    ssmItems[11]=["Hot Link", "#", ""]
    ssmItems[12]=["Hot Link", "#", ""]buildMenu();
    </SCRIPT>
      

  3.   

    郁闷  我js太多了  阿里西西 找把---
    http://www.alixixi.com/Dev/HTML/jsrun/ 还有懒人 网站去找吧。
      

  4.   

    就是这样的:
    http://www.lanrentuku.com/js/qita-546.html但是这个他不动?他不能上下滚动!
      

  5.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Sample</title>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript"> 
    var topD=0;
    window.onscroll=function(){
        div1.style.top=parseInt(div1.style.top)+(document.documentElement.scrollTop || document.body.scrollTop)-topD;
        topD=(document.documentElement.scrollTop || document.body.scrollTop);
    }</script>
    </head>
    <body>
    <div id=div1 style="position:absolute;width:100px;height:100px;top:10px;background:#EEE;">a</div>
    <div style="overflow:auto;width:100%;height:1000px;background:#DDD;">b</div>
    </body>
    </html>