可以用ajax异步取得影片的信息,就是你看到哪个半透明层内的内容,
也可以先隐藏内容,半透明层内的内容已在网页中存在,就是要用一个事件来隐显它!

解决方案 »

  1.   

    <style type="text/css"> 
    <!-- 
    .a{
    line-height:18px;
    font-size:12px;    
    background:#ffffff; 
    filter: Alpha(opacity=85); 
    width:200px; 
    height:205px; 
    position:absolute; 
    border-right:1px solid #0066FF; 
    border-bottom:1px solid #0066FF; 
    border-top:1px solid #0066FF; 
    border-left:1px solid #0066FF;
     } 
    .a1 
    { height:180px;
    padding:10px;} 
    .a2 
    { background:#0066FF; 
    height:25px;}    
    --> 
    </style> 
    <script>
    var oo=true
    function create(){
    if(oo==true)
    {var div1 =document.createElement("div")
    div1.className="a"
    div1.id="cantion"
    document.body.appendChild(div1)
    var div2 =document.createElement("div")
    div2.className="a1"
    div2.innerHTML="XXXXXXXXXXXXXXXX<br>OOOOOOOOOOOOOO<br>XXOOXOXOXOXOXOXO"
    div1.appendChild(div2)
    var div3 =document.createElement("div")
    div3.className="a2"
    div1.appendChild(div3)
    oo=false}
    document.getElementById("cantion").style.left=event.clientX+8 
    document.getElementById("cantion").style.top=event.clientY+18
    }function display(){
    oo=true
    document.body.removeChild(document.getElementById("cantion"))
    }             //不知道为什么函数名不能取clear
    </script>
    <body>
    <img style="cursor:hand;" id="e" src="http://mat1.qq.com/ent/upday2008/06184.jpg" width="328" height="240" border="0" onMouseMove="create()" onmouseout="display()"/>
    </body>
      

  2.   

    2楼那个有点BUG  把鼠标放在图片上单击右键点属性,然后点取消,在移动鼠标就会报错,还有提示信息应该写活了吧,我觉得应该这么写
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD>
    <style type="text/css"> 
    <!-- 
    .a{
    line-height:18px;
    font-size:12px;    
    background:#ffffff; 
    filter: Alpha(opacity=85); 
    width:200px; 
    height:205px; 
    position:absolute; 
    border-right:1px solid #0066FF; 
    border-bottom:1px solid #0066FF; 
    border-top:1px solid #0066FF; 
    border-left:1px solid #0066FF;
     } 
    .a1 
    { height:180px;
    padding:10px;} 
    .a2 
    { background:#0066FF; 
    height:25px;}    
    --> 
    </style> 
    <script>
    var oo=true
    function create(obj){
    if(oo==true)
    {var div1 =document.createElement("div")
    div1.className="a"
    div1.id="cantion"
    document.body.appendChild(div1)
    var div2 =document.createElement("div")
    div2.className="a1"
    div2.innerHTML=obj
    div1.appendChild(div2)
    var div3 =document.createElement("div")
    div3.className="a2"
    div1.appendChild(div3)
    oo=false}
    document.getElementById("cantion").style.left=event.clientX+8 
    document.getElementById("cantion").style.top=event.clientY+18
    }function display(){
    if(document.getElementById("cantion")!=null)
    {
    oo=true
    document.body.removeChild(document.getElementById("cantion"))
    }
    }             //不知道为什么函数名不能取clear
    </script>
    <body>
    <img style="cursor:hand;" id="e" src="http://mat1.qq.com/ent/upday2008/06184.jpg" width="328" height="240" border="0" onMouseMove="create('本代码由CSDN    wtcsy提供')" onmouseout="display()"/>
    </body>
    </HTML>
      

  3.   

    报什么错,我没测出来  但是想看看是什么错。告诉我一下
    写活?? 网上的写法就是ajax了   涉及到取后台数据库的内容或者是xml的    这个地方是写不出来的,不对噢,是我写不出来
      

  4.   


    意思就是当“把鼠标放在图片上单击右键点属性,然后点取消”提示消息那个层就会消失,而你在执行document.body.removeChild(document.getElementById("cantion"))
    就会报错,可能是属性不存在吧