chrome webstore效果
- 作者: 涩花喵
- 来源: 51数据库
- 2022-09-21
<script src="/js/jquery.js" ></script>
<div style='position:relative;height:200px;width:200px;background:orange; overflow:hidden' id="box" >
<div >
鼠标移上去看看
</div>
<div id="up" >
<center><img src="http://www.51sjk.com/Upload/Articles/1/0/330/330003_20220921164931516.jpg" /> </center>
</div>
</div>
<script>
$(document).ready(function(){
$("#box").mouseover(function(){
$("#up").animate({top:125});
});
$("#up").mouseout(function(){
$(this).animate({top:200});
});
});
</script>
推荐阅读
