实现文字滚动用JavaScript和jquery两种方式实现出现的问题

0 0

实现文字滚动用JavaScript和jquery两种方式实现出现的问题5

<div id="icefable1">

</div>
<div id="icefable2" style="position:absolute;z-index:1;visibility:hidden"></div>
    <script>
                            marqueesHeight=130;//滚动区域高度设定
                            stopscroll=false;
                            icefable1.scrollTop=0;
                            with(icefable1){
                            style.width=0;
                            style.height=marqueesHeight;
                            style.overflowX="visible";
                            style.overflowY="hidden";
                            noWrap=true;
                            onmouseover=new Function("stopscroll=true");
                            onmouseout=new Function("stopscroll=false");
                            }
                            preTop=0; currentTop=0; stoptime=0;
                            function init_srolltext(){
                            icefable2.innerHTML="";
                            icefable2.innerHTML+=icefable1.innerHTML;
                            icefable1.innerHTML=icefable2.innerHTML+icefable2.innerHTML;
                            setInterval("scrollUp()",80);
                            }
                            function scrollUp(){
                            if(stopscroll==true) return;
                            currentTop+=1;
                            if(currentTop==150)//向上滚动高度设定
                            {
                            stoptime+=1;
                            currentTop-=1;
                            if(stoptime==150)//停顿时间设定
                            {
                               currentTop=0;
                               stoptime=0;
                            }
                            }
                            else {
                                preTop=icefable1.scrollTop;
                                icefable1.scrollTop+=1;
                                if(preTop==icefable1.scrollTop){
                                  icefable1.scrollTop=icefable2.offsetHeight-marqueesHeight;
                                  icefable1.scrollTop+=1;
                                }
                            }
                            }
                            init_srolltext();


                            function bianse(id)
                            {

                               //document.getElementById(id).style.backgroundColor ="#A8C9FB";
                               document.getElementById(id).style.fontSize="18";
                            }
                            function bubianse(id)
                            {
                               //document.getElementById(id).style.backgroundColor ="";
                               document.getElementById(id).style.fontSize="";
                            }
                        </script>
-----------------上面是JavaScript实现的代码放在火狐中不能实现滚动--------------------
<script type="text/javascript">
var marqueesHeight = 155;//滚动区域高度设定
var stopscroll = false;
$('#icefable1').scrollTop() = 0;
$('#icefable1').css({width:"0px",height:"150px"});
$('#icefable1').css({"overflow-x":"visible","overflow-y":"hidden"});
var noWrap = true;
$('#icefable1').mouseover(function() {
stopscroll = true;
});
$('#icefable1').mouseout(function() {
stopscroll = false;
});
var preTop=0;
var currentTop=0;
var stoptime=0;
function init_srolltext(){
$('#icefable2').text() = "";
$('#icefable2').text() += $('#icefable1').text();
$('#icefable1').text() = $('#icefable2').text() + $('#icefable2').text();
setInterval("scrollUp()",20);
}
function scrollUp(){
if(stopscroll==true) return;
currentTop += 1;
if(currentTop==150)//向上滚动高度设定
{
stoptime += 1;
currentTop -= 1;
if(stoptime==150)//停顿时间设定
{
currentTop=0;
stoptime=0;
}
}else {
preTop = $('#icefable1').scrollTop();
if(preTop==$('#icefable1').scrollTop()){
('#icefable1').scrollTop() = ('#icefable2').offset.top-marqueesHeight;
('#icefable1').scrollTop() += 1;
}
}
}
init_srolltext();
              。。。。。。。。。。。。。。。。
</script>
--------------------------------上面是用JQERY写的就不知道为上面不能实现滚动功能---------------------------
--望哪位高手告诉我一下我代码错在哪里了？（JavaScript代码是从网上找的 IE可以实现功能）

Web综合