一个页面显示特效，求教！

本帖最后由 theknight11 于 2011-06-10 02:11:49 编辑

解决方案 »

  1.   

    jquery的显示特效, show(时间);时间由你自己控制,
      

  2.   

    setTimeout  设置 width height  就可以了
      

  3.   

    注意下面div的style设置里text-align:right。否则JS需要麻烦一点点。
    <div style="width:500px;height:500px;border:1px solid red;text-align:right;">
    <img id="theforever_csdn" src="http://avatar.profile.csdn.net/A/9/7/2_theforever.jpg">
    </div>
    <script type="text/javascript">
    function theforever_csdn(){
    document.getElementById("theforever_csdn").width+=5;
    if(document.getElementById("theforever_csdn").width>500)document.getElementById("theforever_csdn").width=500;
    if(document.getElementById("theforever_csdn").width<500) setTimeout(theforever_csdn,50);
    }
    theforever_csdn();
    </script>
      

  4.   

    可以看看jquery的animate动画效果
      

  5.   

    http://photo.blog.sina.com.cn/photo/81208bd4ga54b65f732a9这里是图片地址
      

  6.   

    Ok ,多谢了，还有一点点就是，那个图像在放大的过程中，底下的文字是不能挡住的，发短消息加QQ
      

  7.   

    使用jquery的动画效果就可以完成您所需要的功能！！
    good-best!!
      

  8.   

    我也考虑过半透明，那是不是在动画完成之后就把DIV的位置放到文字部分的下面去？用style的话，是哪个属性？
      

  9.   

    还是差一点点，分辨率一改就对不上了，然后用DIV的话，要么挡住文字，要么被文字层挡住有什么好办法没？