问一个自动滚屏的效果怎么做。。。。。。。。。。。。。。。。。。。。。。。

Question

我想得到这么一个效果，应该用jquery可以实现，我把鼠标放在一个按钮上，可以上下滚屏，放到另一个按钮实现左右滚屏。我这里说的滚屏不是说一个层滚屏。而是本页面右边和下边的滚动条滚就是说想看下面或者右边看不到的东西。

Answer 1

$(window).scroll( function() { /* ...do something... */ } );       API看了不就会了？点击哪一个按钮就触发这个函数，想怎么滚就怎么滚滚到最上面大不了就是scrollTop=0

Answer 2

<!--MyUpdate 滚动条-->
            <div id="ad" style="margin:5px 0 0 0;">
                
                <input id="hidAD1" type="hidden" value='<%=Ad1 %>' />
                <input id="hidAD2" type="hidden" value='<%=Ad2 %>' />
                <input id="hidAD3" type="hidden" value='<%=Ad3 %>' />
                <input id="hidAD4" type="hidden" value='<%=Ad4 %>' />
                <input id="hidAD5" type="hidden" value='<%=Ad5 %>' />
                <input id="hidAD6" type="hidden" value='<%=Ad6 %>' />
                <input id="hidAD7" type="hidden" value='<%=Ad7 %>' />
                <input id="hidAD8" type="hidden" value='<%=Ad8 %>' />
                <input id="hidAD9" type="hidden" value='<%=Ad9 %>' />
                <input id="hidAD10" type="hidden" value='<%=Ad10 %>' />
                
                <input id="HidLink1" type="hidden" value='<%=Link1 %>' />
                <input id="HidLink2" type="hidden" value='<%=Link2 %>' />
                <input id="HidLink3" type="hidden" value='<%=Link3 %>' />
                <input id="HidLink4" type="hidden" value='<%=Link4 %>' />
                <input id="HidLink5" type="hidden" value='<%=Link5 %>' />
                <input id="HidLink6" type="hidden" value='<%=Link6 %>' />
                <input id="HidLink7" type="hidden" value='<%=Link7 %>' />
                <input id="HidLink8" type="hidden" value='<%=Link8 %>' />
                <input id="HidLink9" type="hidden" value='<%=Link9 %>' />
                <input id="HidLink10" type="hidden" value='<%=Link10 %>' />
                
                <script type="text/javascript">
                
                var ad1 = document.getElementById("hidAD1");
                var ad2 = document.getElementById("hidAD2");
                var ad3 = document.getElementById("hidAD3");
                var ad4 = document.getElementById("hidAD4");
                var ad5 = document.getElementById("hidAD5");
                var ad6 = document.getElementById("hidAD6");
                var ad7 = document.getElementById("hidAD7");
                var ad8 = document.getElementById("hidAD8");
                var ad9 = document.getElementById("hidAD9");
                var ad10 = document.getElementById("hidAD10");
                
                var link1 = document.getElementById("HidLink1");
                var link2 = document.getElementById("HidLink2");
                var link3 = document.getElementById("HidLink3");
                var link4 = document.getElementById("HidLink4");
                var link5 = document.getElementById("HidLink5");
                var link6 = document.getElementById("HidLink6");
                var link7 = document.getElementById("HidLink7");
                var link8 = document.getElementById("HidLink8");
                var link9 = document.getElementById("HidLink9");
                var link10 = document.getElementById("HidLink10");
                  
                var marqueeContent=new Array();   //滚动新闻
                marqueeContent[0]='<a href='+link1.value+' target=_blank class="f12red">'+ad1.value+'</a><br>';
                marqueeContent[1]='<a href='+link2.value+' target=_blank class="f12red">'+ad2.value+'</a><br>';
                marqueeContent[2]='<a href='+link3.value+' target=_blank class="f12red">'+ad3.value+'</a><br>';
                marqueeContent[3]='<a href='+link4.value+' target=_blank class="f12red">'+ad4.value+'</a><br>';
                marqueeContent[4]='<a href='+link5.value+' target=_blank class="f12red">'+ad5.value+'</a><br>';
                marqueeContent[5]='<a href='+link6.value+' target=_blank class="f12red">'+ad6.value+'</a><br>';
                marqueeContent[6]='<a href='+link7.value+' target=_blank class="f12red">'+ad7.value+'</a><br>';
                marqueeContent[7]='<a href='+link8.value+' target=_blank class="f12red">'+ad8.value+'</a><br>';
                marqueeContent[8]='<a href='+link9.value+' target=_blank class="f12red">'+ad9.value+'</a><br>';
                marqueeContent[9]='<a href='+link10.value+' target=_blank class="f12red">'+ad10.value+'</a><br>';
                
                var marqueeInterval=new Array();  //定义一些常用而且要经常用到的变量
                var marqueeId=0;
                var marqueeDelay=3000;
                var marqueeHeight=20;
                //接下来的是定义一些要使用到的函数
                function initMarquee() {
                    var str=marqueeContent[0];
                    document.write('<div id=marqueeBox style="overflow:hidden;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>');
                    marqueeId++;
                    marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
                    }
                function startMarquee() {
                    var str=marqueeContent[marqueeId];
                        marqueeId++;
                    if(marqueeId>=marqueeContent.length) marqueeId=0;
                    if(marqueeBox.childNodes.length==1) {
                        var nextLine=document.createElement('DIV');
                        nextLine.innerHTML=str;
                        marqueeBox.appendChild(nextLine);
                        }
                    else {
                        marqueeBox.childNodes[0].innerHTML=str;
                        marqueeBox.appendChild(marqueeBox.childNodes[0]);
                        marqueeBox.scrollTop=0;
                        }
                    clearInterval(marqueeInterval[1]);
                    marqueeInterval[1]=setInterval("scrollMarquee()",5);
                    }
                function scrollMarquee() {
                    marqueeBox.scrollTop++;
                    if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){
                        clearInterval(marqueeInterval[1]);
                        }
                    }
                initMarquee();            </script>
                
            </div>
            
            
            
                        
            
            <!--MyUpdate 滚动条-->