摘要： 简单的修改了一下，让它自动吸附，原理很简单，判断t,l的距离，只要让它在小于一个距离的时候距离变为0 就可以了带边框的自动吸附的拖拽代码如下： 带框的吸附拖拽 阅读全文

摘要： 在原来的基础上修改了一下，变成有边框的拖拽了，废话不多说，直接上代码、 带框的拖拽 阅读全文

摘要： 1、完美拖拽的思想，具体可以分为：①计算出鼠标在div的位置，方法为X轴event.clientX-oDiv.offsetLeft;Y轴event.clientY-oDiv.offsetTop;②计算出鼠标move时候鼠标的X,Y轴，再减去鼠标在div的位置，就是div移动的top和left值③清除默认事件，ff和chrome可以用return false IE有专用的setCapture() （让本页面所有的事件都集中到一起，例如集中到div上，这样可以防止拖拽的时候文字被选中） 记得鼠标释放的时候要releaseCapture()；④尽量简化代码，把一样的代码放到一个函数里这样你就做出了一 阅读全文

摘要： 随着瀑布流的布局深入人心，传统意义上的翻页已经不能满足用户的需求。现在越来越多的网站，使用无限下拉的方式来展现内容，那它的原理是什么了？1.首先预先加载一部分内容，并显示出滚动条。2.监听浏览器滚动条。3.当滚动条快到浏览器底部的时候，触发请求。4.加载新的页面代码如下如果判断滚动条到达页面的底部了？首先要获得页面总高度和当前滚动条上底部的高度。因为scrollTop+browseHeight=pageHeight，所以当它们到相差很小的时候，说明就已经到页面的底部了。 阅读全文

摘要： 我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活，只要你发挥创意就能实现很多比人想象不到的效果。特别是随着CSS3的广泛使用，更多新奇的 CSS 作品涌现出来。 今天这篇文章开始推出《百变 CSS 系列》，给大家带来 CSS 在网页中以及图形绘制中的使用。首先给大家打来的是流行的 CSS 三角形绘制方法。 Document 正三角 倒三角 左方向三角 右方向三角 左上方三角 右上方三角 左下方三角 右下方三角 阅读全文

摘要： 这问题在网络相信已经有不少人问到，最近再次被牵起讨论，籍此记录一下个人的理解，border:none;与border:0;的区别体现有两点：一是理论上的性能差异二是浏览器兼容性的差异。1.性能差异【border:0;】把border设为“0”像素虽然在页面上看不见，但按border默认值理解，浏览器依然对border-width/border-color进行了渲染，即已经占用了内存值。【border:none;】把border设为“none”即没有，浏览器解析“none”时将不作出渲染动作，即不会消耗内存值。2.兼容性差异兼容性差异只针对浏览器IE6、IE7与标签button、input而言， 阅读全文

摘要： String.replace( ) 简介语法：var strings = string.replace(regexp, replacement)regexp ：您要执行替换操作的正则表达式，如果传入的是一个字符串，那就会当作普通字符来处理，并且只会执行一次替换操作；如果是正则表达式，并且带有 global (g) 修饰符，则会替换所有出现的目标字符，否则，将只执行一次替换操作。replacement ：您要替换成的字符。返回值是执行替换操作后的字符串。11 String.replace( ) 的简单用法var text = "javascript 非常强大 ！";13 te 阅读全文

摘要： Math.max(a,b,...,x,y) -- 返回数个数字中较大的值max是maximum的缩写，中文"最大量"的意思max函数语法Math.max(a,b,...,x,y);max函数参数a,b,...,x,y -- 为number类型的数字，可以是小数、整数；正数、负数、0.max函数返回值返回数个数值中较大的值注：如果max函数没有给出任何参数，返回-Infinity如果有NaN或者非数字类型的参数，返回NaNmax函数示例document.write(Math.max(5,8,6,-5,-6));document.write(Math.max());docume 阅读全文

摘要： 给一个HTML元素设置css属性，如1234varhead= document.getElementById("head");head.style.width = "200px";head.style.height = "70px";head.style.display = "block";这样写太罗嗦了，为了简单些写个工具函数，如1234567functionsetStyle(obj,css){for(varatr incss){obj.style[atr] = css[atr];}}varhead= docum 阅读全文

摘要： 1、事件分为事件冒泡（IE）和事件捕获2种，冒泡是由目标事件向上，一次到document,body的过程，事件捕获是由body向下，到document,目标事件的过程。2、DOM2定义了2种处理事件的方法，分别是addEventListener()添加事件监听和removeEventListener()删除事件监听，他们分别传入3个参数，第一个参数是事件类型，第二个参数是处理事件的函数，第三个参数是一个布尔类型，如果要在事件冒泡中传入函数设置为false,如果在事件监听中传入函数则设为true.我是测试事件监听的3、IE有自己的事件处理程序，attach()添加事件处理，detach()删除事 阅读全文