怎么用js实现延时弹出窗口
时间:2011-09-29
来源:互联网
比如有一个列表,当鼠标移动到这个列表项上3秒钟后弹出一个窗口;如果不到3秒就又移走了鼠标则取消即将弹出窗口的动作。如何实现?
或者帮我修改下下面这段代码,现在是鼠标滑动过后不管移开不移开都会弹出窗口,是什么原因
$(document).ready(function(){
$(".ul1 li").mouseover(function(){
t = setTimeout("alert('hello~ boy')", 3000 );
nowStr=$(this).html();
})
$(".ul1 li").mouseout(function(){
clearTimeout(t);
nowStr="";
})
})
页面:
<ul class="ul1">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
或者帮我修改下下面这段代码,现在是鼠标滑动过后不管移开不移开都会弹出窗口,是什么原因
$(document).ready(function(){
$(".ul1 li").mouseover(function(){
t = setTimeout("alert('hello~ boy')", 3000 );
nowStr=$(this).html();
})
$(".ul1 li").mouseout(function(){
clearTimeout(t);
nowStr="";
})
})
页面:
<ul class="ul1">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
作者: dongao8080 发布时间: 2011-09-29
HTML code
$(document).ready(function(){ var t; $(".ul1 li").mouseover(function(){ //t = setTimeout("alert('hello~ boy')", 3000 ); //setTimeout第一个参数是放函数 t = setTimeout(function(){alert('hello~ boy')}, 3000 ); nowStr=$(this).html(); }) $(".ul1 li").mouseout(function(){ clearTimeout(t); nowStr=""; }) }) 页面: <ul class="ul1"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul>
作者: liangws 发布时间: 2011-09-29
不好意思,刚看错了,你的代码是没问题的,我测试了下不会弹出窗口的
作者: liangws 发布时间: 2011-09-29
很想知道帮顶一下
作者: hzyhyt 发布时间: 2011-09-29

如楼上所说
作者: chenyingshu880603 发布时间: 2011-09-29
新手路过。
看不出什么问题,求解
看不出什么问题,求解
作者: ahlaliuchao 发布时间: 2011-09-29
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28