js或jq如何实现点击一个a标签，弹出对话框，并且对话框几秒后自动消失？ jq 用js怎么实现一个div显示时间2秒后就自动消失.然后...
\u5982\u4f55\u7528jQuery\u5b9e\u73b0\u5f39\u51fa\u4e00\u4e2a\u5c42\u7136\u540e\u8fc73\u79d2\u949f\u540e\u81ea\u52a8\u53d8\u6de1\u7136\u540e\u6d88\u5931recursionbody {overflow: hidden;}$ (function () { $ (':button').click (function () { $ ('div').show ().delay (3000).fadeOut (); }); });alert
\u77e5\u9053\u6587\u672c\u6846\u90fd\u6709blur\u4e8b\u4ef6\u5417\uff1f\u5c31\u662f\u5149\u6807\u5728\u95ea\u7684\u65f6\u5019\u5c31\u5904\u4e8e\u7126\u70b9\uff0c\u5f53\u4f60\u70b9\u5176\u4ed6\u5730\u65b9\u65f6\uff0c\u5149\u6807\u5c31\u6ca1\u4e86\uff0c\u5c31\u4f1a\u89e6\u53d1blur\u4e8b\u4ef6\u3002\u4f60\u8981\u505a\u5230\u5f53div\u663e\u793a\u65f6\uff0c\u8ba9\u9690\u85cf\u5728div\u5185\u7684\u6587\u672c\u6846\u5904\u4e8e\u7126\u70b9\uff0c\u70b9\u51fb\u5176\u4ed6\u5730\u65b9\u65f6\uff0c\u6587\u672c\u6846\u7684\u7126\u70b9\u81ea\u7136\u4f1a\u6d88\u5931\uff0cblur\u4e8b\u4ef6\u628a\u5f53\u524ddiv\u9690\u85cf\u3002!!\u6ce8\u610f:\u5f53\u70b9\u51fb\u663e\u793a\u7684div\u65f6\u8981\u7528\u811a\u672c\u5904\u7406div\u4e2d\u7684\u9690\u85cf\u6587\u672c\u6846\u5904\u4e8e\u7126\u70b9\u53ef\u4ee5\u7528jquery\u811a\u672c\u6846\u67b6\uff0c\u65b9\u4fbf\uff0c\u6d4f\u89c8\u5668\u7684\u517c\u5bb9\u6027\u597d
<div id="showId">显示的对话框</div><span id="clickDiv">点击</span>
相信给showId加上浮动，你应该能搞定，然后就是JS了，
jQuery
jQuery("#clickDiv").click(function(){ //点击clickDiv
jQuery("#showId").show(); //显示showId
setTimeout(jQuery("#showId").hide(), 3000); //3秒后关闭showId
});
你可以试试！我没测试，不过这个很简单，你把代码看下应该就会明白了！
使用jq的弹出框插件，调用setTimeout(function(){})关闭弹出框
使用jq的弹出框插件吧·
绛旓細<span id="clickDiv">鐐瑰嚮</span> 鐩镐俊缁檚howId鍔犱笂娴姩锛屼綘搴旇鑳芥悶瀹氾紝鐒跺悗灏辨槸JS浜嗭紝jQuery jQuery("#clickDiv").click(function(){ //鐐瑰嚮clickDiv jQuery("#showId").show(); //鏄剧ずshowId setTimeout(jQuery("#showId").hide(), 3000); //3绉掑悗鍏抽棴showId });浣犲彲浠ヨ瘯璇曪紒鎴...
绛旓細// 缁戝畾鍗曞嚮浜嬩欢$('a').on('click', function() { // div 鏄 a 鏍囩鐨勪笅涓涓鍏勫紵鑺傜偣锛岀洿鎺ヨ幏鍙栧畠鍗冲彲銆 $(this).next().css('display', 'block'); })
绛旓細棣栧厛锛孖D鏄叿鏈夊敮涓鎬х殑锛圛D灏辨槸韬唤璇佸彿鐮侊紝姣忎釜浜洪兘涓嶇浉鍚岋級锛屽鏋滃悓涓椤甸潰瀛樺湪澶氫釜鐩稿悓鐨処D锛岄偅涔堟寜ID鏉ラ夋嫨鍏冪礌灏嗘案杩滃彧鑳介夊埌绗涓涓銆傚叾娆★紝jq鏈韩鏈夊緢鏂逛究鐨勬樉绀哄拰闅愯棌鍏冪礌鐨勬柟娉曪紝鍙互鐩存帴浣跨敤銆備笅闈㈡槸涓緥瀛愶紝鑷繁鍙傝冧笅锛<style>.review {display:none}</style><li> <a href='#' class...
绛旓細闂锛氭庝箞鍐欒兘鐐瑰嚮a鏍囩杩欎釜a鏍囩楂樹寒锛堝彉鑹叉垨鑰呭姞绮椾箣绫荤殑锛夎В绛旓細杩欓渶瑕佺敤鍒js锛屼唬鐮佸涓 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>娴嬭瘯</title> <script type="text/javascript" src="../resources/js/jquery.min.js"></script> <style> a{...
绛旓細鍏堢粰杩欎釜li涓涓id,(none,鍙互闅忎究鍐)<li id="liid" class="none" ><a href="index.asp">棣栭〉</a> </li> <script> function aa(){ var b=document.getelementbyid("liid");b.classname="current";} </script> PS:浣犳兂瑕佺殑鏁堟灉搴旇鏄鐐瑰嚮鑾釜閾炬帴璁╄繖涓猯i鐨勬樉绀烘晥鏋滀笉涓鏍,鎴戠殑浠ｇ爜...
绛旓細document.getElementById("a").style.display = "block";document.getElementById("b").style.display = "none";} else { document.getElementById("b").style.display = "block";document.getElementById("a").style.display = "none";} } //--> </SCRIPT> </HEAD> <BODY> <a href=...
绛旓細<script type="text/javascript" src="jQuery.js"></script> <style type="text/css"> div1,#div2,#div3,#div4{ width: 100px;height: 100px;margin: 10px;} div1{ background-color: red;} div2{ background-color: blue;display: none;} div3{ background-color: gray;display: ...
绛旓細(document).ready(function(){ ("a").each(function(){ if($(this).attr('href') == 'www.123.com'){ (this).css('color','#f00');} });});绗洓琛岄夋嫨鍑烘潵浜a鏍绛惧苟涓旂粰浜嗙孩鑹插瓧浣
绛旓細document.getElementsByTagName("a").onclick=alert() 杩欎釜鍒欒偗瀹氫細鑷姩鎵ц锛屽洜涓虹瓑鍙峰悗闈㈡槸涓珛鍗虫墽琛岃鍙ャ傚彟澶杇etElementsByTagName杩斿洖鐨勬槸涓璞￠泦鍚堬紝涓嶈兘鐩存帴缁戝畾onclick浜嬩欢銆傚簲璇ヨ繖鏍凤細document.getElementsByTagName("a")[0].onclick=function(){ alert();} 鎴栬呭鏋滀綘鎯崇粰鎵鏈塧鏍囩缁戝畾浜嬩欢锛...
绛旓細jquery鑳藉府鍔╀綘鐐瑰嚮涓涓鎸夐挳寮瑰嚭鎻愮ず妗嗭紝浣嗘槸杩欎釜妗嗘槸windows鑷甫鐨刟lert妗嗘垨鑰卌onfime妗嗙瓑锛屼綘瑕侀偅绉嶅叧闂寜閽殑锛屾帹鑽恓queryui瀹炵幇銆俲query缁戝畾click浜嬩欢鎴戝拰浣犺缁嗚涓嬨傜涓锛$("#aaa").click(function(){}),绗簩锛$("#aaa").bind("click",function(){}),绗笁锛$("#aaa").live("click",...
