導航:首頁 > 編程語言 > js點擊按鈕彈出div

js點擊按鈕彈出div

 發布時間：2025-03-12 09:59:29

㈠ js如何實現點擊文本框彈出DIV層

if (!getobj(inputid+"mydiv")){//若尚未創建就建之
var divcss="font-size:12px;color:#00f;position:absolute;left:"+(getobj(inputid).offsetLeft+0)+"px;top:"+(getobj(inputid).offsetTop+25)+"px;border:1px solid red"
crertdiv("","div",inputid+"mydiv",divcss);//創建層"mydiv"
//alert(document.getElementById("mydiv").outerHTML)
crertdiv(inputid+"mydiv","ul",inputid+"myul");//創建ul
for (var i=0,j=text_list.length;i<j;i++){//創建"text_list"li
crertdiv(inputid+"myul","li",inputid+"li"+i,"background:#fff");
getobj(inputid+"li"+i).innerHTML=text_list;}crertdiv(inputid+"myul","li",inputid+"li"+j,"color:#f00;background:#fff");//創建"clear"li
getobj(inputid+"li"+j).innerHTML="clear";
getobj(inputid+"mydiv").innerHTML +="<style type='text/css'#"+inputid+"mydiv ul {padding:0px;margin:0;}#"+inputid+"mydiv ul li{list-style-type:none;padding:5px;margin:0;float:left;cursor: pointer;}</style"
for (var i=0;i<=j;i++){
getobj(inputid+"li"+i).onmouseover=function(){this.style.background="#eee";clearTimeout(timer)}
getobj(inputid+"li"+i).onmouseout=function(){this.style.background="#fff"}}}var newdiv=getobj(inputid+"mydiv")
newdiv.onclick=function(){hiddiv(event,inputid);}
newdiv.onmouseout=function(){Mout(this)}
newdiv.onmouseover=function(){clearTimeout(timer)}
getobj(inputid).onmouseout=function(){Mout(newdiv)}
newdiv.style.display="block";swtemp=1;objtemp=inputid;}var timerfunction Mout(o){
timer=setTimeout(function(){o.style.display="none";},300)swtemp=0;}function hiddiv(e,inputid){
e=e||window.event;
ev=e.target||e.srcElement;
v=ev.innerText||ev.textContent;
if (v!="clear")getobj(inputid).value=v;else getobj(inputid).value=""
getobj(inputid+"mydiv").style.display="none";}</script</head<body
....利用定義標簽賦值....（onclick）....<input id="mytext" type="text"onclick="showdiv(this.id,this.list)" list="文本框,彈出層,值賦"/<scriptvar list="文本框2,彈出層2,值賦2,文本框2-1,彈出層2-1,值賦2-1"
</script
....利用定義js變數賦值...（onclick）....<input id="mytext2" type="text" onClick="showdiv(this.id,list)"/
<input type="hidden" value="點擊,彈出,顯示,消失,實現" id="list"
....利用隱藏域值賦值....（onmouseover）.....<input id="mytext3" type="text" onMouseOver="showdiv(this.id,getobj('list').value)"/</body</html

㈡ 我寫的js程序是點擊一個按鈕彈出一個有一些復選框的div，但是每次點擊後div只是閃現一下就沒了

確認一下，頁面【按鈕】點擊是否存在頁面的刷新，例如【按鈕】在form標簽當中

㈢ 點擊js彈出div層，當滑鼠移出div層窗口後任意點擊關閉div層窗口！大蝦們應該怎麼實現啊啊啊

div對象.onclick=function(ev){ev = ev || window.event; ev.cancelBubble = true;}
document.documentElement.onclick=function(ev){這里寫關閉div的代碼}
不懂再問我

㈣ 怎麼用js或jq點擊展開，出現隱藏的DIV,點擊收起DIV又隱藏起來.

<script src="jquery-1.8.2.js"></script>
<script>
/*展開和收起用一個div,也可以說它是個按鈕,假設它的id=d1;
假設需要顯示和隱藏的div叫d2;
下面這段代碼只是粗略的實現了你的要求,主要是給你提供個思路;
*/
$(function(){
$('#d1').click(function(){//給d1綁定一個點擊事件;

/*這個判斷的意義是,如果d2是隱藏的,那麼讓它顯示出來,並將d1的文本內容替換成收起,
如果是顯示的,那麼就隱藏它並將d1的文本內容替換為展開;*/
if($('#d2').is(':hidden'))
{
$('#d2').slideDown('slow');
$(this).text('收起');
}else{
$('#d2').slideUp('slow');
$(this).text('展開');
}

/*這是一個很簡單的事件處理,如果還需要跟上圖片的變換,就在判斷的對應位置寫入圖片或者背景變換的代碼,*/
});
});
</script>
<div id='d1'>展開</div>
<div id='d2' style=" display:none">內容</div>

㈤ JS實現類似sina微博評論回復功能，主要是點擊回復時候在對應的評論下彈出div，還有頂那個怎麼實現的

新建一個層加入到 點擊評論的地方

㈥ <大神>js如何實現點擊一個按鈕隱藏一個div，然後該div上有一個按鈕，點擊後隱藏，然後在顯示另外一個div

1、打開html開發軟體，新建一個html文件。

㈦ js幾秒後彈出div窗口 怎麼實現

1、首先打開是hbuilder編輯器，打開後新建一個空白的html文檔，在裡面創建一個input按鈕，和一個div並給專div的id屬性設置為btn，同時設置樣式，設置div的高度和寬度並把display的屬性值設置為none就可以了：

㈧ 如何實現JS點擊按鈕隱藏一部分DIV，在點擊按鈕出現整個DIV

通過div 的id獲取中間div的對象
var divObj=document.getElementById("divId");
如果div是顯示內的話就隱藏，否容則就顯示
if(divObj.style.display==""){
divObj.style.display="none";

}else{
divObj.style.display="";

}

閱讀全文

與js點擊按鈕彈出div相關的資料

熱點內容
目標不支持長文件名怎麼辦 瀏覽：666
win7整人程序 瀏覽：804
制定好文件後部門簽什麼意思 瀏覽：417
韓順平第二版java視頻教程xml 瀏覽：241
券商app有什麼作用 瀏覽：276
用微信買火車票安全嗎 瀏覽：386
hg8321r版本刷機 瀏覽：881
死神來了app哪個好 瀏覽：869
linux訪問samba共享文件夾 瀏覽：906
條形統計表用什麼來呈現數據 瀏覽：383
怎麼轉換加密的pdf文件怎麼打開 瀏覽：18
iphone5s圖片不能刪除 瀏覽：411
無法進入網路引導系統 瀏覽：233
dnf聖騎士刷圖90版本 瀏覽：177
計算機一級word2003考題下載 瀏覽：525
ps畫兔子源文件 瀏覽：859
嵌入式linux開發流程 瀏覽：785
如何在一個文件夾中選擇多個圖片 瀏覽：991
mxplayer哪個版本最好 瀏覽：186
狼人殺老版本下載120 瀏覽：351

友情鏈接