+ -
当前位置:首页 → 问答吧 → 怎么用js实现延时弹出窗口

怎么用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>

作者: 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

相关阅读 更多

热门下载

更多