怎样用JQuery实现当鼠标停留在某区域3秒后执行方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎样用JQuery实现当鼠标停留在某区域3秒后执行方法相关的知识,希望对你有一定的参考价值。

参考技术A <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
</head>
<style type="text/css">
.mainwidth:500px;height:400px;border:dashed 1px #ccc;margin:0 auto;line-height:400px;text-align:center;
</style>
<body>
<script type="text/javascript">
$(function()
$(".main").mouseover(function()
setTimeout(function()
alert('当你的鼠标移动到框体时,我会延迟3秒才显示哦!');
,3000)
);
)
</script>
<div class="main">把鼠标移入此框体中,等待3秒。</div>
</body>
</html>
参考技术B 假设这个区域:<div id="div1"></div>
var timer = setTimeout(function()
$("#div1").mouseover(function()
//执行方法

);
, 3000);
参考技术C acmesky的是对的

scrollview滑动到某区域执行某种方法

 

 

在这里通过  offset.y   检测滑动到的区域

通过if 语句执行需要的方法

 

 

-(void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    CGPoint offset = scrollView.contentOffset;//scrollview当前显示区域定点相对于fram顶点的偏移量
    CGRect bounds = scrollView.bounds;//原点
    CGSize size = scrollView.contentSize;//scrollview可以滚动的区域
    UIEdgeInsets inset = scrollView.contentInset;//scrollview的contentview的顶点相对于scrollview的位置
    CGFloat currentOffset = offset.y + bounds.size.height - inset.bottom;
    CGFloat maximumOffset = size.height;
    //currentOffset与maximumOffset的值相等时,说明scrollview已经滑到底部了,即偏移量达到最大值
    if (offset.y <= 0) {
        DLog(@"滑到顶部");
        SCV.contentOffset = CGPointMake(0, 0);
        return;
    }
    if (currentOffset >= maximumOffset) {
        DLog(@"滑到底部");
        //        scrollView.contentOffset = CGPointMake(0, bounds.size.height - offset.y);
        //        return;
    }
}

 

以上是关于怎样用JQuery实现当鼠标停留在某区域3秒后执行方法的主要内容,如果未能解决你的问题,请参考以下文章

css实现当鼠标停留在图片时显示文字 谢谢!

jquery鼠标点击事件是啥?

怎么实现jquery的一个等待效果?当鼠标移开时等待3秒钟执行函数。

scrollview滑动到某区域执行某种方法

如何用CSS 设置 当鼠标移动到菜单时,该按钮变色,鼠标点击后,页面停留在鼠标滑过时的状态!!很急!

php实现 计算坐标点在某区域