导航:首页 > 编程语言 > 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

友情链接