梦飞无颜

摘要： 虽然现在有了框架，许多AJAX调用直接调用它们的API就可用。但有些极端情况，比如面试，比如第三方应用不想加载这些库，我们就只有自己写。这时想必有许多人要疯狂google，百度了。网上太多垃圾信息，我还是在自己博客上保存一份吧。我的实现：var ajax = new(self.XMLHttpRequ... 阅读全文

摘要： 闲来无事，自己弄了一下html5的拖拽，毕竟比起js的拖拽方便了太多，现在把弄的一个小例子放上了，和大家分享一下。 1 2 3 4 5 Document 6 93 94 111 112 113 114 115 116 117 118 119 图书NO.1120 135￥121 122 123 124 125 ... 阅读全文

摘要： 拖动的问题，在网上有很多插件，但鼠标在图片上拖动一小段距离，就会在鼠标旁边出现一个禁止的小提示。解决如果点击在图片上无法拖拽的问题：IE通过ev.cancelBubble=true;ev.returnValue = false;来防止图片的事件，注意是放在document.onmousemove中。要用原生的JS，不能用JQUERY！FireFox通过ev.preventDefault();ev.stopPropagation(); 但是是放在titleBar的mousedown事件中。 1 $(function(){ 2 var $img = $("img"); 3 va 阅读全文

摘要： 今天工作用到了css3渐变，但是写起来才发现太麻烦了，而却很浪费时间，所以在这里向大家推荐一个在线的css3 渐变生成工具地址是：http://www.colorzilla.com/gradient-editor/这个工具是可视化视图，用起来就和photoshop的渐变工具一样非常的简单，当设置好自己需要的渐变颜色之后，右边是生成的css3 渐变样式代码，兼容各种浏览器（包括我们可爱的ie6-8）！工具截图：工 阅读全文

摘要： 今天在做一个页面的时候在ie6下遇到了一个问题，困扰了好一会，于是乎小生google了一下，才明白了这是个ie6下的bug。在这里向大家分享一下！如有不对之处还请多多指教！bug说明：ie6下父元素设置了overflow:hidden,子元素或者是后代元素设置了position:relative，那么父元素的overflow属性失效。解决办法：给父元素设置position:relative属性。上图中父元素设置了overflow:hidden,其他浏览器都可以正常隐藏，而ie6下确不起作用，就是因为后代元素设置了position:relative。 阅读全文

摘要： css3在网站开发中的普及，使广大开发工程师越来越重视css3的应用于操作，是由于浏览器的不同，复杂繁琐的css3前缀就成了困扰我的的一个难题，如何解决css3前缀带来的困扰呢，在这里和大家分享个js函数，通过它可以很方便的解决css3前缀问题。obj为要加样式的元素名称，attrObj为json格式的数据为要加的样式。setCss3(li,{transform:translateZ(150px) rotateX(150deg)"}) 1 function setCss3 (obj,attrObj) { 2 for (var i in attrObj) { 3 var new... 阅读全文

摘要： 今天上午，写了一个多级联动下拉菜单，在这里分享给大家（经过调试已经兼容ie,ff浏览器）： 1 2 3 4 5 Document 6 7 19 20 160 161 162 163 164 165 166 167 168 169 170 阅读全文

摘要： 大家都知道sublime text2是前端开发的神器，那么今天就和大家介绍一下如何使用，如有错误之处敬请指点：1. 文件快速导航： 这是sublime上面很好用的功能之一，ctrl+p可以调出窗口，菜单上的解释是gotoanythings ，确实如其所言，调出窗口后，直接输入关键字，可以在已打开的项目文件夹中进行快速文件名导航，而且支持模糊搜索,对于不想一直鼠标点开文件夹的同学来说极为方便，并且在该窗口里加上:前缀即为行跳转(ctrl+G)，加上@(ctrl+R)前缀在html里是id 关键字导航，css里是每条规则导航，js里则是每个function导航。 2. 命令行模式 ctrl+` . 阅读全文

摘要： 1 1. 长度限制 2 13 14 15 16 17 18 2. 只能是汉字 19 20 21 3." 只能是英文 22 29 30 31 32 4. 只能是数字 33 41 42 43 44 5. 只能是英文字符和数字 45 46 47 6. 验证油箱格式 48 56 57 58 7. 屏蔽关键字(这里屏蔽***和****) 59 67 68 69 70 71 72 8. 两次输入密码是否相同 73 74 75 76 77 78 92 够了吧 93 屏蔽右... 阅读全文

摘要： 周末的时候，在网上看了一篇教程，内容是说jquery的animate运动函数是如何实现的，看完之后自己就抽出了一些时间将之前的运动框架改了一下，改完之后发现效果非常好，而却运动形式也丰富了很多！代码如下： 1 //obj:运动对象，json：运动属性json格式，times：运动时间（不能大于间隔时间），fx：运动形式，fn：回掉函数 2 3 function startMove(obj,json,times,fx,fn){ 4 var startTime=now(); 5 var iCur={}; 6 for(var attr in jso... 阅读全文