浮动层居中的对话框效果演示 浮动层居中的对话框效果演示 HTML { HEIGHT: 100% } BODY { HEIGHT: 100% } BODY { FONT-SIZE: 14px; FONT-FAMILY: Tahoma, Verdana, sans-serif } DIV.neat-dialog-cont { Z-INDEX: 98; BACKGROUND: none transparent scroll repeat 0% 0%; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 100% } DIV.neat-dialog-bg { Z-INDEX: -1; FILTER: alpha(opacity=70); LEFT: ...
js鼠标拖动对象： 代码如下: //定义鼠标拖动对象 drag=function (a,o){ var d=document;if(!a)a=window.event; if(!a.pageX)a.pageX=a.clientX; if(!a.pageY)a.pageY=a.clientY; var x=a.pageX,y=a.pageY; if(o.setCapture) o.setCapture(); else if(window.captureEvents) window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP); var backData = {x : o.style.top, ...
比如本款代码中，它与DIV 的ID配合，实现一个符合W3C标准的文字滚动效果，这里你只需赋给marquee一个id就可以控制文字了，不理解的朋友看代码。 文字成批滚动 脚本之家（jb51.net）提供各类编程源码、书籍教程、JavaScript/CSS特效代码以及常用软件下载等，做有质量的学习型源码下载站。 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
最近在做一个项目，涉及到了移动层的应用，结果使用了移动层，可里面的输入框却不能使用了，这是因为层的覆盖，把输入框给挡住了，但由于我是设了层为透明的，所以仍然可以看得到输入框，可就是输不进去东西，后来终于找到了解决的方法了，就是在层移动的时候，添加上 代码如下:document.getElementById("Mcount").focus() 这句话就是让我们的输入框获得焦点，这样子就可以输入了 呵呵
代码如下:<htmlxmlns="http://www.w3.org/1999/xhtml"> UntitledDocument function createIframe(){ //mask遮罩层 var newMask=document.createElement("div"); newMask.id="mDiv"; newMask.style.position="absolute"; newMask.style.zIndex="1"; _scrollWidth=Math.max(document.body.scrollWidth,document.documentElement.scrollWidth); _scrollHeight=Math.max(document.body.scrollHeight,document.documentElement.scrol...
代码如下: 全选 全选 代码如下: function selectCheckBoxes(domId,value) { var inputs = document.getElementById(domId).getElementsByTagName("input"); for(var i = 0; i if (inputs[i].type == 'checkbox') { inputs[i].checked=value; } } } 将以上代码放到body里即可。JavaScript教程/参考手册 JavaScript热搜 vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参...
.center_div2 { position: absolute; z-index: 1; text-align: center; display: none; background-color: #e0e7ef; } .center_div_tips2 { position: relative; color: Red; } 数据更新中... 代码如下: function IsIE() { var OsObject = ""; if (navigator.userAgent.indexOf("MSIE") > 0) { return true; } } function mouseMove(ev) { /*ie 与ff的event 机制不同*/ ev = ev || window.event; var mousePos = mouseCoords(ev...
Div+Js实现的带阴影菜单 微软以前网站曾用过 var global = window.document global.fo_shadows = new Array function makeRectangularDropShadow(el, color, size) { var i; for (i=size; i>0; i--) { var rect = document.createElement('div'); var rs = rect.style rs.position = 'absolute'; rs.left = (el.style.posLeft + i) + 'px'; rs.top = (el.style.posTop + i) + 'px'; rs.width = el.offsetWidth + 'px'; rs.heigh...
div+css+js模拟tab, 我这个版本,理论上可以添加无限个tab,而且,你只要管内容的添加行了,不需要改JS 当然,你得会DIV才行. div+css+js模拟tab 框1111 框2222 框3333 框4444 这里是内容撒．111．． 这里是内容撒．111．． 这里是内容撒．111．． 这里是内容撒222．． 这里是内容撒．222．． 这里是内容撒．222．． 这里是内容撒．333．． 这里是内容撒．333．． 这里是内容撒．333．． 这里是内容撒．444．． 这里是内容撒．...
动态创建DIV：var div = document.createElement("div"); 设置div属性及样式等： div.title="this is a new div."; div.class = "newDivClass"; div.innerHTML = "Test create a div element!"; div.style.styleFloat="left"; div.style.overflow="hidden"; div.style.marginLeft="8px"; div.style.marginTop="10px"; div.style.width="320px"; div.style.height="250px"; div.style.backgroundRepeat="no-repeat"; div.style....
//关闭DIV MENU function MenuClose() { var MenuDiv = document.getElementById("MenuDiv"); if(MenuDiv != null) { document.body.removeChild(MenuDiv); } } //创建menu function MenuPanel(opflag,operid, left, top) { var MenuDiv = document.getElementById("MenuDiv"); if(MenuDiv != null) { document.body.removeChild(MenuDiv); } var useflag = "停用帐号"; var flag=opflag; if (flag == "0") { ...
当我们让div居中时候，一般有两种方法，一种是固定左右宽度，也就是使用像素绝对定位；另一种是用百分比来相对定位，在这种两种方式下，绝对定位是不能让div随着屏幕而自适应的，而用百分比就可以，但是，是用百分比就会有一个新的问题，如果我们的页面中有这么一句 的时候，top的百分比将会失效，而删除这句话的时候，一切正常，都是不知道这句标准的声明为什么会带来如此的不便 针对这个问题，我使用的下面的方法来实现div的自适...
效果图 调用示意图 交互示意图 如上图所示，这基本是JQueryDialog的完整逻辑流程了。 1、用户点击模态窗口的“提交”按钮时，调用JQueryDialog.Ok()函数，这个函数对应了用户提交事件。 2、用OO的概念来说，JQueryDialog.Ok()其实是一个虚函数，它的逻辑封装在子窗口ContentWindow.Ok()中，这一点我借鉴了FCKEditor，如下代码所示： JS代码 代码如下: var JQueryDialog = { /// 提交 /// Ok:function(){ var frm = $("#jd_iframe...
Resize #rRightDown,#rLeftDown,#rLeftUp,#rRightUp,#rRight,#rLeft,#rUp,#rDown{ position:absolute;background:#C00;width:6px;height:6px;z-index:5;font-size:0;} #rLeftDown,#rRightUp{cursor:ne-resize;} #rRightDown,#rLeftUp{cursor:nw-resize;} #rRight,#rLeft{cursor:e-resize;} #rUp,#rDown{cursor:n-resize;} #rRightDown{ bottom:-3px; right:-3px;} #rLeftDown{ bottom:-3px; left:-3px;} #rRightUp{ top:-3...
DIV层切换 function ChangeDiv(divId,divName,zDivCount) { for(i=0;i 内容一 内容二 内容三 内容部分第一区 内容部分第二区 内容部分第三区 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]