返回顶部

收藏

chrome webstore效果

更多
 <script src="/js/jquery.js" ></script>

<div style='position:relative;height:200px;width:200px;background:orange; overflow:hidden' id="box"  >

 <div style="position:absolute;top:0;height:200px;" >
  鼠标移上去看看 
  </div>
   <div style="position:absolute;top:200px;width:200px;height:75px;background:black;"  id="up"  >
   <center><img style="margin:0 auto;"  src="http://img4.cache.netease.com/photo/0001/2012-07-11/100x75_864U9H5Q00AN0001.jpg" />  </center>
  </div>
  </div>
   <script>

  $(document).ready(function(){
    $("#box").mouseover(function(){
     $("#up").animate({top:125});

    });
      $("#up").mouseout(function(){
     $(this).animate({top:200});

    });

  });
  </script>

标签:html

收藏

0人收藏

支持

0

反对

0

发表评论