-
li不换行的css
作者: 陆金龙 发表时间: 2015-08-08 22:40实现li内容不换行 方法一: ul{ margin:0; padding:0; list-style:none; display:inline; } li { float:left; margin: 0px 20px 10px 0px; } 方法二: <!... -
JavaScript获取鼠标在Div中的相对位置
作者: 陆金龙 发表时间: 2015-07-14 21:42JavaScript 获取鼠标事件相对于Div等元素的位置。 function getPosition(item,e) { var eve = e || window.event; var left= eve.clientX - getLeft(item) ; var top = eve.clientY - getTop(item); return {left:left,top:top}; } function getLeft(obj) { var parObj = obj; var left = obj.offsetLeft; while (... -
JavaScript 取消事件冒泡
作者: 陆金龙 发表时间: 2015-07-14 21:31JavaScript 阻止事件冒泡: function stopBubble(e) { // 如提供了事件对象,则是一个非IE浏览器 if ( e && e.stopPropagation ) { e.stopPropagation(); &nbs... -
JavaScript的prototype实现移除数组元素
作者: 陆金龙 发表时间: 2015-07-12 16:29//对原数组操作,移除元素 Array.prototype.remove = function (item) { var n = 0; for (var i = 0; i < this.length; i++) { if (this[i] != item) { this[n++] = this[i]; } } this.length -= 1; } //移除指定元素,返回新的数组 Array.prototype.remove = function (obj) { ... -
JavaScript通过location.search获取url请求参数
作者: 陆金龙 发表时间: 2015-07-12 16:12获取参数的关键在于使用window.location.search,location.search是从当前URL的?号开始的字符串 ,通过对location.search进行提取,即可得到需要的参数。 为了方便纯前端html页面获取参数,可以对该功能进行封装,只要传入一个参数名,就可以获取参数的值。 方式一:使用正则表达式实现 function getQueryString(name) { ... -
JavaScript闭包函数应用
作者: 陆金龙 发表时间: 2015-07-12 15:24JavaScript函数闭包应用场景: 需求:在循环中绑定click事件,要求点击某个按钮时,弹出显示该按钮的索引。 普通绑定面临的问题:变量msg的值虽循环次数发生变化,要关联到按钮绑定的事件中,常规方式难以实现。 如点击"普通绑定"后,每个按钮点击时,弹出都是“第5个按钮”,显然不是我们预期的。 预期:通过闭包,将msg的值"固化"到闭包函数中,并将闭包函数绑定到按钮的点击事件上。 JavaScript代码清单: function closurefunTest() { var btns = $("#divPanel input... -
Ajax发送HttpPost请求调用WebService
作者: 陆金龙 发表时间: 2014-12-20 18:501. WebService中的方法 [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] [System.ComponentModel.ToolboxItem(false)] &nbs... -
CSS+Js快速实现仿CSDN和博客园页面布局
作者: 陆金龙 发表时间: 2014-11-23 19:17一、Css+Js实现2列CSDN页面布局 1.功能说明 页面分左右两列宽度固定的内容区域,页面左右两侧留有相等宽度的边距。 当改变浏览器窗体大小时,页面随着窗体宽度的变化自动调整左右边距的宽度,同时保持2列内容区域占据的宽度固定不变。 2. 关键代码 主要用到css样式的float属性和margin属性。通过float:left属性使第1列内容区域向左浮动,float:right属性使第2列内容区域向右浮动。 使用margin-left和margin-right属性分别设置2个div的左右边距。左右边距的设置通过Js在页面加载设置一次...