关于javascript中图片的问题

怎样在一张飘动的图片上放一个关闭按钮、也能随着飘动？

解决方案 »

  1.   

    <div style="background-image:url(...); position:..; left: ..; top: ..;"><button onclick='..();'>text</button><div>
      

  2.   


    <html> 
    <head> 
    <title>piao</title> 
    <script language="javascript"> 
    var x=0,k=1
    function autogo(){ 
    var obj=document.getElementById("c1")
    if (x<=1000){ 
    x+=k 
    obj.style.left=x 
    } else 
    x=0
    if (obj.style.display!="none")
    setTimeout("autogo()",10) 
    } 
    onload=autogo
    </script> 
    </head> 
    <body> 
    <div ID="c1" STYLE="position:absolute;left:100;top:100;width:100;height:100;"  onmouseover="k=0" onmouseout="k=1"> 
    <img src="http://bbs.blueidea.com/attachments/2007/7/23/20070723_0275a3a114d42bffdd1eGvK0ZZy2TnET.jpg">
    <input style="position:relative;top:-30px;left:10px;" type=button onclick="this.parentNode.style.display='none'" value=点我试试> 
    </div>  
    </body> 
    </html>