比如在某个商城中,将一件商品加入购物车,按了按钮后弹出DIV框:
function inputadd(goodsid){ document.getElementById("gidtemp").value=goodsid; //document.getElementById("ggnum").focus(); document.getElementById("showwin").style.display="block"; }
DIV框显示出来:
<div id="showwin" style='display:none;position:absolute;left:30%;top:30%;border:1px solid gray;background:url(<%=path%>/manager/images/bg2.gif);width:255px;height:113px;-moz-border-radius: 5px; -webkit-border-radius: 5px;box-shadow:#000 0 0 5px; border-radius:5px;'> <span style="display:block;height:18px;padding-top:6px;"> 操作提示</span> <div style='border:3px solid #F0F0F0;height:80px;width:249px;background-color:#FFFFFF;'> <div style='width:99%;height:100%; border:1px solid #B6BCCC;background-color:#FFFBFF;'> <table width='100%' height='98%'> <tr><td height='40' align='center'><font color="#000" id="colors">请输入购买数量:</font><input style='width:120px;' id="ggnum" type='text' value=''/></td></tr> <tr><td align='center'><input type='button' value='确定' onclick="addshopcar();" id='queding' /> <input type="button" value='取消' onclick="closeadd();"/></td></tr> </table> </div> </div> </div>
按了上面的取消后,再将上面的DIV隐藏:
function closeadd(){ document.getElementById("gidtemp").value=""; document.getElementById("showwin").style.display="none"; }
相关推荐
div弹出框,js弹出框,轻松轻松定制
jquery div 弹出框 jquery div 弹出框 jquery div 弹出框 jquery div 弹出框
div 弹出框
ymPrompt 消息提示 DIV弹出框 组件 DIV弹出框,消息提示,组件,ymPrompt
div 弹出框实例 很多例子 兼容大多数浏览器(ff,ie...)
一个漂亮的div弹出窗口样式 解压后双击html页面即可
兼容:IE6+、Firefox、Chrome、Safari、Opera
js点击文本输入框显示DIV,操作后点击其他地方将DIV框隐藏
2.width height弹出框的长宽 默认500 300 3.scrolling弹出框是否有滚动条 可选值 auto no yes 默认auto 4.titleColor 弹出框title背景颜色 默认#7093DB 5.title 弹出框名称 6.弹出框url 7.弹出框是否可拖动 true or ...
div 弹出层,弹出框,拖动层,弹出层拖动,Dialog
div弹出层position属性小解
用js写的div模拟弹出框,经过改写可以变成自定义的alert框
DIV实现弹出框, 实现登录, 有关闭按钮
NULL 博文链接:https://hugang357.iteye.com/blog/971213
lhgdialog DIV弹出窗口框架,基于JavaScript,它与Alert弹出窗口有着本质的区别,lhgdialog DIV弹出窗口是JS+CSS结合打造的产物,界面非常漂亮,无刷新弹出窗口。
EasyDrag 是一个用来实现页面元素拖拉的 jQuery 插件...easydrag实现可拖动的DIV弹出框</title> <style> /* 重置浏览器默认样式 */ body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,bloc
纯CSS实现div弹出对话框 可以应用于C#,.net 里面。 页面比较好看。
弹出一个可拖拽的div层,可拖拽·可拖拽·可拖拽
div弹出提示框,滑动提示框div弹出提示框,滑动提示框div弹出提示框,滑动提示框div弹出提示框,滑动提示框