• 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:42
    JavaScript 获取鼠标事件相对于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:31
    JavaScript 阻止事件冒泡:   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:24
    JavaScript函数闭包应用场景: 需求:在循环中绑定click事件,要求点击某个按钮时,弹出显示该按钮的索引。 普通绑定面临的问题:变量msg的值虽循环次数发生变化,要关联到按钮绑定的事件中,常规方式难以实现。 如点击"普通绑定"后,每个按钮点击时,弹出都是“第5个按钮”,显然不是我们预期的。 预期:通过闭包,将msg的值"固化"到闭包函数中,并将闭包函数绑定到按钮的点击事件上。 JavaScript代码清单: function closurefunTest() { var btns = $("#divPanel input...
  • Ajax发送HttpPost请求调用WebService

    作者: 陆金龙       发表时间: 2014-12-20 18:50
    1. 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在页面加载设置一次...