Question

jquery如何让事件在可视区域内执行，当元素在可是区域内在执行动画？

请教大神：外层一个大div里面分左右2侧，我想做个从两边同时弹出的效果，但要动画在可是区域内执行，不知jquery应该如何判断元素是否在可是区域内呢？

Answer 1

<style>
#box{width:1000px;height:600px; margin:0 auto; position:relative; overflow:hidden; background-color:#666;}
#p1,#p2{width:500px;height:600px; position:absolute;top:0;}
#p1{left:-600px; background-color:#3F6;}
#p2{right:-600px; background-color:#F60}
</style>
<div id="box">
<p class="p1"></p>
<p class="p2"></p>
</div>
<a href="javascript:ani();">执行</a>
<script>
var i=0;
function ani(){
	if(i==0){//进入
	$("#p1").stop().animate({"left":"0"},300);
	$("#p2").stop().animate({"right":"0"},300);
	}else{//出去
	$("#p1").stop().animate({"left":"-600px"},300);
	$("#p2").stop().animate({"right":"-600px"},300);	
	}
}
</script>

Answer 2

网页达到可视区域动画只需要3步

1. 引入wow.js

2. 引入animate.css

3. 给DIV增加动画特效，如：

   .menu{
   animation: flash 1s linear 0s  infinite;
   -webkit-animation: flash 1s linear 0s  infinite;
   -moz-animation: flash 1s linear 0s infinite;
   -ms-animation: flash 1s linear 0s infinite;
   -o-animation: flash 1s linear 0s infinite;
   }

   具体操作步骤见网页链接

Answer 3

根据你的要求大概做了个例子，你看看行不行

追问

很热心、先表示感谢

但这样的功能我自己会做，hover效果并非我想要的，其实我只是想让它炫一点，2边弹出有个中间相汇聚的 缓存效果。

我要的是当鼠标滚动至某个div时，在执行该动画效果，效果我会写，就是不知如何判断它是否在可是区域内，

通过if判断加回调函数呢，它就每次滚动都执行，不能终止了 很是急人啊。

很热心、先表示感谢

但这样的功能我自己会做，hover效果并非我想要的，其实我只是想让它炫一点，2边弹出有个中间相汇聚的 缓存效果。

我要的是当鼠标滚动至某个div时，在执行该动画效果，效果我会写，就是不知如何判断它是否在可是区域内，

通过if判断加回调函数呢，它就每次滚动都执行，不能终止了 很是急人啊。

追答

谢谢采纳，没能实际帮上你的忙，还是深感抱歉。。