黑马程序员技术交流社区

标题: DOM走马灯的问题 [打印本页]

作者: 忘忧草 时间: 2012-4-30 18:42
标题: DOM走马灯的问题
//向左滚
         if(i==0){
            var title=document.title;
            var firstch = title.charAt(0);
            var leftstr = title.substring(1,title.length);
            document.title = leftstr + firstch;
         }
         //向右滚
         if(i==1){
            var title=document.title;
            var lastch = title.charAt(title.length-1);
            var leftstr = title.substring(0,title.length-1);
            document.title = lastch + leftstr;

为什么两个都是length-1？

作者: 郑森 时间: 2012-5-2 13:59
如："abcd"
var lastch = title.charAt(title.length-1);这是取到d，表示的是下标title.length-1的值

var leftstr = title.substring(0,title.length-1);表示截取的长度为title.length-1；值为abc

作者: 杨礼文 时间: 2012-5-2 18:35

var leftstr = title.substring(0,title.length-1);表示截取的长度为title.length-1；值为abc 貌似这个解释是错的

var leftstr = title.substring(star,end); 和c#是不一样的 star是开始的元素 end 是结束的元素

坐等高手

作者: 杨礼文 时间: 2012-5-2 18:40
向左滚动
<title>新学期欢迎新同学</title>
<script type="text/javascript">
      function scroll() {
         var title = document.title;
         var firstch = title.charAt(0);
         var leftstr = title.substring(1, title.length);
         document.title = leftstr + firstch;
      }
      setInterval("scroll()", 500);

作者: 胡博 时间: 2012-5-3 08:07
可以利用offest top 和 offest left 属性来确定元素当前的位置。
<title>移动的广告</title>
<style type="text/css">
#divAdvert{
position: absolute;
font:12px Arial;
top:4px;
left:0px;

  }

</style>

<script type="text/javascript">
//用于选择方向 false 从左向右 turn 从右向左
var switchDirection=false;
function doAnimation()
{
   var divAdvert=document.getElementById("divAdvert");
   var currentLeft = divAdvert.offsetLeft;
   var newLocation;

   if(switchDirection==false)
{
   newLocation=currentLeft+2;
   if(currentLeft>=800)
   {
   switchDirection=true;
   }
}
else
{
   newLocation=currentLeft-2;
   if(currentLeft<=200)
   { switchDirection=false;}
}

divAdvert.style.left=newLocation+"px";
   }

</script >
</head>
<body onload="setInterval(doAnimation,10)">//time对象的setInterval();第一个参数是调用方法，第二个参数是间隔多少时间执行一次。
<div id="divAdvert"><img src="d:\01.jpg"></img></div>
</body>

作者: 袁丁 时间: 2012-5-3 10:10
这个substring（start，end）函数的参数end取值应该不包括它本身，需要比取出的字符串长度大1，比如字符串“abcd”，用substring（0,3）取出的值为“abc”，而不是“abcd”，准确的说，是substring（start，end）取出的字符串不包括end处的字符。

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2