我想要迅雷看看的效果

DIV的显示/隐藏、定位、CSS半透明

解决方案 »

  1.   


    <style type="text/css">
    <!--
    .a{    
    background:#ffffff;
    filter: Alpha(opacity=50);
    width:200px;
    height:230px;
    position:absolute;
    border-right:1px solid #0066FF;
    border-bottom:1px solid #0066FF;
    border-top:1px solid #0066FF;
    border-left:1px solid #0066FF;} 
    .a1
    {
    height:200px;}
    .a2
    {
    background:#0066FF;
    filter: Alpha(opacity=80);
    height:30px;}    
    -->
    </style><script>
    function a()
    {
    document.getElementById("f").style.display=""
    document.getElementById("f").style.left=event.clientX+8
    document.getElementById("f").style.top=event.clientY+18
    }
    function b()
    {
    document.getElementById("f").style.display="none"
    document.getElementById("e").border="0"}</script>
    <body>
    <img style="cursor:hand;" id="e" src="http://mat1.qq.com/ent/upday2008/06184.jpg" width="328" height="240" border="0" onMouseMove="a()"  onmouseout="b()"/>
    <div id="f" class="a">
    <div id="f1" class="a1"></div>
    <div id="f2" class="a2"></div>
     </div> 
    </body>
      

  2.   

    貌似效果只能在ie下实现，在ff不行
      

  3.   

    迅雷看看上的也是不支持ff和chrome