图片上下滚动后提示信息不再出现

Question

try:
document.getElementById ('aa').innerHtml=tip; 
-->
document.getElementById ('aa').innerHTML=tip; 

Answer 1

<div class="banner"> 
<div id="gdlogo" style=" overflow: hidden;width: 135px; height: 262px"> 
    <div id="gdlogo1"> 
        <a class="proImg01" href="/ProductInfo_30800064_001.html">
         <img src="images/00011.jpg" alt="caiying2009_1" width="130" height="130" /></a><br> 
        <a class="proImg01" href="/ProductInfo_30800064_001.html">
         <img src="images/00012.jpg" alt="caiying2009_2" width="130" height="130" /></a><br> 
        <a class="proImg01" href="/ProductInfo_30800064_001.html">
         <img src="images/00013.jpg" alt="caiying2009_3" width="130" height="130" /></a><br> 
    </div> 
    <div id="gdlogo2"> </div> 
    </div> 
<script type ="text/javascript"> 
  function showtiponpic(_this) {
    if (_this){
$('aa').style.top=document.body.scrollTop+event.clientY; 
$('aa').style.left=document.body.scrollLeft+event.clientX; 
$('aa').innerHTML=_this.name;  
$('aa').style.display=""; 
    }
    else{
    $('aa').innerHtml="";  
    $('aa').style.display="none"; 
    }
  }
  
  function $(id){return document.getElementById(id)}
  
  function init(){
  var obj=$('gdlogo').getElementsByTagName("img"),j=obj.length;
  for (var i=0;i<j;i++){
  if (obj[i].alt){obj[i].name=obj[i].alt;obj[i].alt=""}
  obj[i].onmouseover=function(){step=0;showtiponpic(this)}
  obj[i].onmouseout=function(){step=1;showtiponpic()}
  }
  }
  init()
 
  var speed=20;
  var step=1 
  $("gdlogo2").innerHTML=$("gdlogo1").innerHTML;
  init() 
  function Marquee(){ 
    if($("gdlogo2").offsetTop-$("gdlogo").scrollTop <=0) 
      $("gdlogo").scrollTop-=$("gdlogo1").offsetHeight; 
    else 
    { 
      $("gdlogo").scrollTop+=step; 
    } 
  } 
  var MyMar=setInterval(Marquee,speed)
</script> 
  
</div> 
<div id="aa" style="position:absolute;top:0;left:0;width:100px;display:none;border:1px #faa solid;background:#ffefef"> </div>

Answer 2

很好，现在网页正常了，那么，能否回答一下第一个问题呢？图片实现滚动后，如果不用onmouse函数，为什么图片的title属性就不显示了，而不滚动的时候是可以显示的？谢谢！

Answer 3

#3
第一个问题
图片实现滚动后，图片的alt属性实际是显示的，之所以“不显示”是因为图片移动时屏显过程不断刷屏以便显示新的图片区域，使alt显示不容易看到－－“图片不滚动的时候是可以显示”图片不移动时屏显过程虽然刷屏，但不必显示新的图片区域（显示图片的像素不变），使alt显示可以看到
＃4
“鼠标进入图片范围，提示文字倒是出来了，但是图片不给滚动了”
这是比较常见的处理方式－－当你用鼠标指向图片时，说明你关注该图，应当让滚动暂停，以便了解图片信息，
可以不停止滚动的，把
obj[i].onmouseover=function(){step=0;showtiponpic(this)}
obj[i].onmouseout=function(){step=1;showtiponpic()}
改做：
obj[i].onmouseover=function(){showtiponpic(this)}
obj[i].onmouseout=function(){showtiponpic()}
即可＃5
JS（对大小写敏感）规定写法：.innerHTML－－小写不认
（如果用在VBS（对大小写不敏感），大小写都可以）

Answer 4

补充＃3
try:<div class="banner"> 
<div id="gdlogo" style=" overflow: hidden;width: 135px; height: 262px"> 
    <div id="gdlogo1"> 
        <a class="proImg01" href="/ProductInfo_30800064_001.html">
            <img src="images/00011.jpg" alt="caiying2009_1" width="130" height="130" /></a><br> 
        <a class="proImg01" href="/ProductInfo_30800064_001.html">
            <img src="images/00012.jpg" alt="caiying2009_2" width="130" height="130" /></a><br> 
        <a class="proImg01" href="/ProductInfo_30800064_001.html">
            <img src="images/00013.jpg" alt="caiying2009_3" width="130" height="130" /></a><br> 
    </div> 
    <div id="gdlogo2"> </div> 
</div> 
</div> 
<script type ="text/javascript"> 
 
  function $(id){return document.getElementById(id)}
  
  function init(){
      var obj=$('gdlogo').getElementsByTagName("img"),j=obj.length;
      for (var i=0;i<j;i++){
          obj[i].onmouseover=function(){step=0;}
          obj[i].onmouseout=function(){step=1;}
      }
  }
 
  var speed=20;
  var step=1 
  $("gdlogo2").innerHTML=$("gdlogo1").innerHTML;
  init() 
  function Marquee(){ 
    if($("gdlogo2").offsetTop-$("gdlogo").scrollTop <=0) 
      $("gdlogo").scrollTop-=$("gdlogo1").offsetHeight; 
    else 
    { 
      $("gdlogo").scrollTop+=step; 
    } 
  } 
  var MyMar=setInterval(Marquee,speed)
</script>