日期:2014-05-16  浏览次数:20386 次

如何让JS的ID延迟3秒后再执行?

怎么让下面的ID:capslide_img_ cont1,capslide_img_ cont2......,延迟3秒后再执行?下面的JS代码,希望有热心网友回答。。。因为急用。。。

 

 

总共就6个ID,我想让这6个ID延迟3秒后执行;
这是一个鼠标放上去的效果,因为鼠标一路过,就会有闪动,所以想让它延迟,这样就不会太花哨了。。。

 

<div id="capslide_img_ cont1">
<img src="css/5b3420e74e8875f7b75c35cdd8a16c57.jpg" border="0"/>
</div>
<div id="capslide_img_ cont2">
<img src="css/5b3420e74e8875f7b75c35cdd8a16c57.jpg" border="0"/>
</div>
 
 



<script type="text/javascript">
  $(function() {
  $("#capslide_img_cont1").capslide({
  caption_color : 'black',
  caption_bgcolor : '#ECECEC',
  overlay_bgcolor : '#ECECEC',
  border : '0',
  showcaption : true
  });
  $("#capslide_img_cont2").capslide({
  caption_color : 'black',
  caption_bgcolor : '#ECECEC',
  overlay_bgcolor : '#ECECEC',
  border : '0',
  showcaption : true
  });
  $("#capslide_img_cont3").capslide({
  caption_color : 'black',
  caption_bgcolor : '#ECECEC',
  overlay_bgcolor : '#ECECEC',
  border : '0',
  showcaption : true
  });
  $("#capslide_img_cont4").capslide({
  caption_color : 'black',
  caption_bgcolor : '#ECECEC',
  overlay_bgcolor : '#ECECEC',
  border : '0',
  showcaption : true
  });
  $("#capslide_img_cont5").capslide({
  caption_color : 'black',
  caption_bgcolor : '#ECECEC',
  overlay_bgcolor : '#ECECEC',
  border : '0',
  showcaption : true
  });
  $("#capslide_img_cont6").capslide({
  caption_color : 'black',
  caption_bgcolor : '#ECECEC',
  overlay_bgcolor : '#ECECEC',
  border : '0',
  showcaption : true
  });
  });
</script>



------解决方案--------------------
楼主只能说你不去仔细看我发给你的东西了 。。已经解决了看看是不是你要的效果!
HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Home</title>
<link href="le_files/style.css" type="text/css" rel="stylesheet">
 </head>
<body>
<div class="demo">
    <div style="width: 210px; height: 170px; border: 0px none;" id="capslide_img_cont1" class="ic_container">
        <img src="le_files/baidu_sylogo1.gif" height="170" width="210" bo