首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

无缝滚动的有关问题

2011-12-27 
无缝滚动的问题大家好,新手请帮忙1、d.stepstepd.samontsamont,d在这里边是一个 div , div 有这两个

无缝滚动的问题
大家好,新手请帮忙
1、d.step=step;d.samont=samont,d在这里边是一个 <div> , <div> 有这两个属性吗?是什么意思
2、scrolln(this.id),个人理解这个函数跟scrolln(id,samont,step)不是同一个函数,那么这个函数在那里声明了呢?
3、如果scrolln(this.id)和scrolln(id,samont,step)是同一个函数,这个scrolln应该有3个参数,他这里为什么只有一个参数?同理   handle=setInterval( "scrolln( ' "+id+ " ') ",d.samont)中 "scrolln( ' "+id+ " ') "也是只有一个参数?
4、d.removeChild(o);   d.appendChild(o);d.firstChild;scrolln(this.id),这些是不是都是 <div> 的固有属性或方法?  
5、为什么嵌套 <div> ?

<!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=gb2312 "       />      
    <title> 无缝滚动 </title>      
    </head>      
       
    <body>      
    <style> a{display:block;font-size:15px}; </style>      
    <div       id= "div1 "   style= "width:300px;height:68px;overflow:hidden ">    
    <div     id= "div2 "   style= "margin-top:0px;line-height:20px; ">  
            <a       href= "javascript: "> 1,你可曾有过无数的梦想, </a>      
            <a       href= "javascript: "> 2,却在时光的流逝里幻灭       </a>      
            <a       href= "javascript: "> 3,你可曾对未来期待憧憬, </a>      
            <a       href= "javascript: "> 4,却在成长的岁月中迷失 </a>      
            <a       href= "javascript: "> 5,CSDN中国程序员论坛 </a>      
            <a       href= "javascript: "> 6,大家一起来 </a>      
            <a       href= "javascript: "> 7,好象都很不错的样子 </a>      
    </div>

    </div>  
<input   type=text   id=text1>        
    <script>  
var   bb;
var   handle    
    function   scrolln(id,samont,step)
{
        var     d=document.getElementById(id);
        if(!handle)
        {

              if(step)
              {
                  d.step=step;d.samont=samont;
              }


              handle=setInterval( "scrolln( ' "+id+ " ') ",d.samont);//不同的是setTimeout()是一次性作用,而setInterval()是每隔iMilliSeconds就执行一次
           
  d.onmouseover=function()
              {
                    clearInterval(handle);
                    handle=null;
              }      
            d.onmouseout=function()
            {
                scrolln(this.id)
            }
        }
        var   top=parseInt(d.style.marginTop);     //   方法用于字符串转换为数字
        var   lineheight=parseInt(d.style.lineHeight);

        if(top> -lineheight)
        {
            d.style.marginTop=(top-d.step)+ "px ";
          //text1.value=   d.style.marginTop+ "/ "+top+ "/ "+lineheight+ "/ "+d.step+ "/ "+d.firstChild;
        }
        else
        {
          do
          {
                var   o=d.firstChild;  
                d.removeChild(o);  
                d.appendChild(o);  
          }
          while(!d.firstChild.tagName)  
          d.style.marginTop= "0px ";
        }
}
//第一个参数为要滚动块的标签id,第二个参数为滚动间隔时间,第三个参数为滚动距离px
    scrolln( "div2 ",100,1);
    </script>      
    </body>      
    </html>


[解决办法]
网上很多,自己找找吧
去一些js的站点看看
[解决办法]
帮顶,,用javascript完成
[解决办法]
<div id= "marquees ">
1.新闻标题 <br>
2.新闻标题 <br>
3.新闻标题 <br>
</div>

<script language= "JavaScript ">
marqueesHeight=120;
stopscroll=false;

with(marquees){
style.width=0;
style.height=marqueesHeight;
style.overflowX= "visible ";
style.overflowY= "hidden ";
noWrap=true;
onmouseover=new Function( "stopscroll=true ");
onmouseout=new Function( "stopscroll=false ");
}
document.write( ' <div id= "templayer " style= "position:absolute;z-index:1;visibility:hidden "> </div> ');

preTop=0; currentTop=0;

function init(){
templayer.innerHTML= " ";
while(templayer.offsetHeight <marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
}
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;


setInterval( "scrollUp() ",150);
}
document.body.onload=init;

function scrollUp(){
if(stopscroll==true) return;
preTop=marquees.scrollTop;
marquees.scrollTop+=1;
if(preTop==marquees.scrollTop){
marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
marquees.scrollTop+=1;
}
}
</script>
[解决办法]
undifined --> undefined

热点排行