1.如果div想要一个最小高度,那么应该用css的minheight这个属性,但是IE不支持,考虑到大多数用户都使用IE,所以一般情况下这个属性基本上弃置不用。在IE里面,height基本上就可以当作minheight来用,因为如果内容超出height,IE会自适应其高度。但是一旦设置了 height以后,FIrefox就不会自适应div的高度了。所以只能两个属性都不用,干干净净地写Jimbor Studio。 2.即使不设置固定高度,Firefox对高度的自适应也不那么尽人意。如...
jquery控制div下所有连接 $(function(){ $("#allA a").click(function(){ window.alert(this.href); return false; }) }) 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
原理:采用innerText 或者 innerHTML 代码如下: var stock_code = stockcode.innerText; var stock_code = stockcode.innerHTML; test innerText 跟 innerHTML是两个非DOM标准的方法其区别如图所示:(图中应该为innerText)在IE中 innerText 跟 inner HTML 两个方法都能正常运行但是FF里面的innerText不可用,但是有一个替代方法: textContentIE: oDiv.innerText = aString; oDiv.innerHTML = aString;FF: oDiv.textContent = ...
可以拖动的p是一个比较难以做到的效果,特别是在浏览器对于js代码的运行效率还不是足够高的情况下,不过听说firefox对于js的支持正在增加,大概是料到了js在网页浏览的桌面化趋势中所占的重要地位吧。要实现p的任意拖动,我们不妨分析一下整个过程。 当鼠标点击p时,触发一个事件,让p的位置属性(left,top)随着鼠标位置变化而变化,当鼠标释放后,p的位置属性就用了鼠标释放时的位置。 鼠标点击时触发事件是很容易做到的,只要在...
function beginDrag(elementToDrag,event) { var =event.clientX-parseInt(elementToDrag.style.left); var deltaY=event.clientY-parseInt(elementToDrag.style.top); //这儿的deltaX/Y实际上就是得出鼠标和div的坐标差。 if(document.addEventListener) //之所以在这儿加这样一个判断,是因为IE6和firefox对于javascript的事件处理有不同的方法(IE7之后的版本开始符合W3C的标准)。 //document.addEventlistener如果是true的话,...
当然,代码使用起来也非常的方便,很多东西就不用自己再去琢磨了。 研究的过程中顺便用jQuery实现了一个div的拖动,代码附于本文结尾。 实现的思路请参考我的可以拖动的DIV(二)一文。 在参考jQuery中文网站中的例子时,我发现他们在div窗口标题栏触发click事件时,将div的位置移上了一些,而mouseup的事件注册在整个div窗口上,这个思路让我很受启发,解决了鼠标移动很快而div不能跟上导致的错误,非常好的解决办法。 另外,请注...
先上个效果图,可以点击Close按钮或是在遮罩层上任意处点击,就可以关闭弹出层。HTML代码 代码如下: 标题位置 正文内容 代码很简洁。最外层是一个大的DIV作为弹出层的容器,H4作为弹出层的标题,又一个DIV用于弹出层正文内容显示,再一个Div用于放置一些按钮。 CSS代码 代码如下:.pop-box { z-index: 9999; /*这个数值要足够大,才能够显示在最上层*/ margin-bottom: 3px; display: none; position: absolute; background:...
具体解决方案如下: 一、IE和FF下document.body对象的clientHeight,offsetHeight,scrollHeight属性的差别。 clientHeight 在IE和FF下,该属性没什么差别,都是指浏览器的可视区域,即除去浏览器的那些工具栏状态栏剩下的页面展示空间的高度。 offsetHeight 在IE下,offsetHeight也是浏览器可视区域的高(包括边线) 在FF下,offsetHeight是页面具体内容的高度 scrollHeight 在IE下,scrollHeight 是页面具体内容的高度,可以小于...
网上搜索到的代码,做了一些修改该, 修正无法自定义颜色,修正IE8 下错误,以及其他小BUG 兼容IE6~8以及火狐 可以自定义 // 提示窗口标题高度 // 提示窗口的边框颜色 // 提示窗口的标题颜色 // 提示窗口的标题背景色 // 提示内容的背景色 // 提示内容文字对齐方式 功能 可以弹出一个大DIV遮住页面(IE下 透明) 然后在屏幕中央显示显示一个小DIV 可用作功能提示 操作提示 以及公告等 提示内容可以使带HTML标记的文字,也可是一个页面链接...
Dialog .dialogcontainter{height:400px; width:400px; border:1px solid #14495f; position:absolute; font-size:13px;} .dialogtitle{height:26px; width:auto; background-image:url('http://files.jb51.net/file_images/200908/103444839.p.gif');} .dialogtitleinfo{float:left;height:20px; margin-top:2px; margin-left:10px;line-height:20px; vertical-align:middle; color:#FFFFFF; font-weight:bold; } .dialogtitl...
UntitledDocument #rRightDown,#rLeftDown,#rLeftUp,#rRightUp,#rRight,#rLeft,#rUp,#rDown{ position:absolute; background:#00F; width:3px; height:3px; z-index:6; font-size:0; } #rLeftDown,#rRightUp{cursor:ne-resize;} #rRightDown,#rLeftUp{cursor:nw-resize;} #rRight,#rLeft{cursor:e-resize;} #rUp,#rDown{cursor:n-resize;} #rLeftDown{left:-4px;bottom:-4px;} #rRightUp{right:-4px;top:-4px;} #rRig...
补增一个效果图! 模拟Popup body{ margin:0; padding:0; text-align:center; } #container{ margin:50px auto; padding:10px auto; } #popupcontent{ position:absolute; border:1px solid #000000; line-height:17px; background-color:#F7F7F4; visibility:hidden; cursor:default; padding:2 5 2 5px; } "; ocbody += "当前颜色"; for(var i=0;i"; ocbody += ""; if(i%6==5) ocbody += ""; } ocbody += ""; oPopB...
现在实现圆角普遍用图片来控制,这种方法有其优点(产生的圆角平滑)。 但同时他也要求有吻合的图片,如果要动态的改变div的样式颜色则有些力不从心。还有就是用js来实现。 实现后的调用代码 如下 代码如下: var objDiv = getRoundDiv.call(document,"solid 1px yellow","#dddddd") objDiv.Div.style.width="100px"; objDiv.Content.style.margin="6 6 6 6 " objDiv.Content.innerText="这是一个圆角div测试" document.body.appen...
原来我们要写一个客户端的特效,要写一两天的JavaScript,然后再调试一两天,才可以看见端倪。现在我们只要使用JQuery和他的 plugin,就可以任意的实现我们脑海中的特效,感谢他们的编写者对人类的贡献(一百个西红柿砸过来。。。。。。。。。。。。。。)。我今天实现的需求是一个需要从列表页面中选择要导出到word中的列,然后在将选中列的内容导出到word中,同时为了增加通用性,列的个数不是固定的,也就是说这张表格可能是4列...
图1(弹出一个div)图2(弹出多个)构造函数: 代码如下: var DivWindow= function(popup/*最外层div id*/,popup_drag/*拖动div id*/,popup_exit/*退出按钮id*/ ,exitButton/*触发服务器端退出按钮id*/,varwidth,varheight,zindex){ this.popup =popup ; this.height =varheight ; //窗口高度,并没用来设置窗口高度宽度,用来定位在屏幕的位置 this.width =varwidth ; //窗口宽度 this.popup_exit=popup_exit; this.exitButton=ex...