点击一个div3秒后变色
cssdiv中点击过的链接变色代码是class。做法:首先需要打开新建一个html,如图所示,然后在页面上输入class的代码编写好,回车;然后好了之后,如图所示,再进行编写全部代码,这样操作,好了回车;最后,好了之后,试着在浏览器了打开这个链接,点击一下就可以看到变颜色了,这样就可以解决问题了。
绛旓細var div = document.getElementById('divID');div.addEventListener('click', function(e) { e.target.style.display = 'none'; setTimeout(function() { e.target.style.display = 'block'; }, 3000);}, false);
绛旓細<!DOCTYPE html> <html> <head> <script type="text/javascript" src="jquery-1.5.1.js"></script> <script> //setTimeout var colors = new Array("red","green","blue");function changeColor(){ //var colorIndex = Math.round(Math.random()*3);var color_div=colors[Math.round...
绛旓細鎴戝氨鎻愬彇蹇呰鐨勫湴鏂逛簡 鍋囪瑕佽烦杞殑鍦版柟鏄痓ing <div id="timer"></div> <script> var time = 4 setInterval(function() { time--;if(time === 0){ window.location.href = "www.bing.com"} document.querySelector("#timer").textContent = "鍓╀綑鏃堕棿" + time + "绉"}, 1000)</...
绛旓細鍏堣涓嶇敤js鐨勬柟娉 缁div娣诲姞涓涓title灞炴у嵆鍙(浣嗘槸杩欐牱鏄病娉曟搷浣滃埌鎻愮ず妗嗙殑鏍峰紡鐨 鎵浠ユ湁js鏂规硶)js鏂规硶 涓嬮潰缁欏嚭涓浠芥紨绀 <!DOCTYPE HTML><html><head><title>婕旂ず</title> <script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script><style type="text/css">...
绛旓細濡傛灉鐐瑰嚮杩欎釜鍥惧眰瓒呰繃1绉掑垯瑙﹀彂锛宮ydiv閲岄潰鐨勬枃瀛椾粠out鍙榠n鐨勫姩浣*/ var timeout ; $("#mydiv").mousedown(function() { timeout = setTimeout(function() { $("#mydiv").hide(); }, 1000); }); </script>杩欐槸涓涓渚嬪瓙锛岋紝锛屼綘鑷繁淇敼鐫鐢紝锛屾敞鎰廽query鏂囦欢鐨勫紩鐢ㄣ
绛旓細鍊熷姪javascript鍙互瀹炵幇锛屽嵆鑾峰彇褰撳墠鏃堕棿锛屾牴鎹瀹氭椂闂存眰浣 锛屾垨鍒ゆ柇鏄惁鐩哥瓑
绛旓細onmouseenter浜嬩欢璁板綍鏃堕棿 var timer = null;('div').hover(function(){ timer = setTimeout(function(){ //鍋氫綘鎯冲仛鐨勪簨 },3000);},function(){ //杩欓噷鍘籧lear clearTimeout(timer);//濡傛灉娌″仠鐣3绉,鐩存帴浼氳clear鎺,濡傛灉鍋滅暀瓒呰繃3绉,涔熶竴鏍蜂細琚玞lear,浣嗘槸浣犺鍋氱殑鏂规硶宸...
绛旓細鎶妔etTimeout("ShowLayer()",3000);灏佽鍦涓涓鍑芥暟閲岄潰锛屽 function run(){ setTimeout("ShowLayer()",3000);} window.onload=run();
绛旓細2銆鐒跺悗鍦ㄤ笅鏂瑰啓鍏s浠g爜锛岄鍏堣幏鍙栦袱涓爣绛剧殑dom瀵硅薄锛岀粰鎸夐挳娣诲姞click鐐瑰嚮浜嬩欢锛屽湪鐐瑰嚮浜嬩欢鐨勫洖璋冨嚱鏁颁腑璋冪敤setTimeout鍑芥暟锛岃鍑芥暟鐨勭涓涓鍙傛暟涓哄洖璋冿紝鍙互鍦ㄩ噷闈㈠皢div鐨刣isplay鍊奸噸鏂拌缃负block锛宻etTimeout鍑芥暟鐨勭浜屼釜鍊兼槸璁剧疆鏃堕棿锛屽崟浣嶄负姣锛3銆佽缃ソ浠ュ悗鎵撳紑娴忚鍣紝鍙互鐪嬪埌鍙湁涓涓寜閽紝...
绛旓細div.demo:hover{ width:200px;height:200px;border-radius:200px;-moz-border-radius:200px;-webkit-border-radius:200px;transform:rotate(90deg);-webkit-transform: rotate(90deg);/*Safari 4+,Google Chrome 1+ */ -moz-transform: rotate(90deg);/*Firefox 3.5+*/ filter: progid:DX...