摘要：
lazyload，惰性加载，原理我觉得是，元素有offsetTop,当外面容器的scrollTop大于元素的offsetTop的时候，就加载图片 阅读全文
随笔档案-2011年09月
IE9的特性变化,(收集贴)
2011-09-28 16:45 by sniper007, 367 阅读, 收藏,
摘要：
ie9 仍然未改变的一些不好的部分: .未配置 Expires max-age , no-cache ,no-stroe 时 默认仍然有会话级的缓存.存在 .getElementsByName 仍然只对 表单元素有效. .仍然不支持window.XPathEvaluator 方法. .仍然不支持XPathResult .仍然不支持 window.open 方式的postMessage 通信. .仍然不支持 onpageshow onpagehide .同ie8类似. el.setAttribute('onclick',''); 只能工作在非怪异模式或兼容模式下. 阅读全文
Firefox window.close()的使用注意事项
2011-09-28 14:42 by sniper007, 203 阅读, 收藏,
摘要：
解决方法如下： 在Firefox地址栏里输入 about:config 在配置列表中找到dom.allow_scripts_to_close_windows 点右键的选切换把上面的false修改为true即可。 注：默认是false，是为了防止脚本乱关窗口 当然，如果是通过window.open打开的窗口，是可以关闭的 阅读全文
ownerDocument property
2011-09-27 17:29 by sniper007, 226 阅读, 收藏,
摘要：
Browser support: Returns the document object that contains the current node. Elements and attributes always have an owner document regardless of they are inserted into (appendChild, insertBefore, setAttributeNode) or removed form (removeChild, removeAttributeNode) the document tree. When a ... 阅读全文
关于td不支持position问题
2011-09-26 17:14 by sniper007, 497 阅读, 收藏,
摘要：
今天遇到个问题，就是在FIREFOX里面，td不支持position:relative，百度了下The effect of 'position:relative' on table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell, and table-caption elements is undefined.解决办法：在外面套个DIV 阅读全文
图片旋转
2011-09-13 20:42 by sniper007, 281 阅读, 收藏,
摘要：
【题记】微博图片都支持左右旋转效果，我们来看下是如何实现的【正文】在IE浏览器里面，可以通过滤镜实现，具体属性如下：BasicImage FilterMSDN里面的链接：http://msdn.microsoft.com/zh-cn/ms532972我们只需要设置 this.img.style.filter='progid:DXImageTransform.Microsoft.BasicImage(Rotation='+this.direction+')';.有MSDN上面的知识可知，this.direction 值只要在0,1,2,3之间变化就可以，每个值代表 阅读全文
模拟滚动条【大体功能实现】
2011-09-08 19:15 by sniper007, 193 阅读, 收藏,
摘要：
模拟滚动条【大体功能实现】代码已精简了N多，每个部分我将做成插件的形式，不过遇到个问题，在FF里面没法把具体的键盘事件绑定到某一具体的元素上面去，我日，明天找找原因，原代码下载如下：/Files/sniper007/slider.rar 阅读全文
N久前写的一个JSONP请求方法
2011-09-08 11:43 by sniper007, 212 阅读, 收藏,
摘要：
functiongetJSON(url,params,callback,charset){varw=window,query=url.indexOf("?")==-1?"?":"&",head,callback=isFunction(params)?params:callback,charset=charset||"utf-8"functiongetTimeVer(){returnnewDate().getTime();}functionisFunction(obj){returnObject.protot 阅读全文
CSS Hacks for IE，IE 也可以很完美
2011-09-08 10:30 by sniper007, 221 阅读, 收藏,
摘要：
掌握 CSS Hacks 可以说是前端开发工程师的一个基本技能。随着浏览器版本的遍地开花，我们寻找着尽可能使各种浏览器表现一致的 CSS 写法。当然 CSS Hacks 是最为流行的解决方案。但对于 IE 而言，目前已经有 IE6/IE7/IE8 三个主要版本，不久的将来还会有 IE9 的到来。于此，IE 是个杯具。 当然有很多人歇斯底里地诋毁 IE6，在此芒果想说的是，一切诋毁 IE6 的言论都是纸老虎。看看 IE6 的历史，它绝不是一个错误的存在。IE7/IE8 这些有严重后遗症的版本才是导致一切杯具的罪魁祸首。下面是各个 IE 版本的 CSS Hacks 写法： IE6： _select 阅读全文
SINA多功能弹窗----已经摘出来
2011-09-07 19:58 by sniper007, 194 阅读, 收藏,
摘要：
SINA多功能弹窗----已经摘出来原来代码中拖拽做的不够好，我改了下，还修改其他函数上代码吧/Files/sniper007/sina弹框.rar 阅读全文
JS模拟滚动条雏形（待进一步规整）
2011-09-07 19:48 by sniper007, 193 阅读, 收藏,
摘要：
/Files/sniper007/模拟滚动条.rar比较混乱，估计只有我自己能看得懂，下班了，回家了，下次再整理 里面有N多细节，整理得有一段时间！ 阅读全文
ie6绝对定位 bottom问题
2011-09-07 11:48 by sniper007, 609 阅读, 收藏,
摘要：
安我们已知的思路,在定位position:absolute;时,要给它找一个相对定位的元素(多数为父元素/body元素). 在使用position:absolute;后, 再定位top/left/bottom/right/其中的两个. 如果只定位其中的一个属性的话,比如left；那么绝对定位元素会在原文档流位置Y轴方向不变,在X轴方向设置left属性. 其它的同理.如果设置top、left/right的话,结果所有的浏览器会安自己原意的思路进行定位. 但是见3.如果设置bottom、left/right的话,在ie6浏览器下就会显示不同的效果.此时有两种情况。见下. 第3种情况又有两种情... 阅读全文
SINA微薄为空时判断一闪一闪效果
2011-09-06 09:51 by sniper007, 247 阅读, 收藏,
摘要：
在新浪微博里，http://weibo.com/，如果你不输入微博内容直接按发布按钮，会发现那个输入框会闪几下，以起到提示输入内容的效果，请问这个效果用JS怎么实现？或用Jquery也行，先谢过各位大侠啦！这是蓝色经典里面的一个帖子，看了之后，大概思路是：textarea背景色渐变然后jQuery实现，写的时候发现，jQuery不支持颜色渐变，然后GOOGLE了下，有了这个插件，http://plugins.jquery.com/project/color颜色渐变，然后就容易多了代码下载地址：/Files/sniper007/demo.rar 阅读全文
javascript event事件再次封装了，兼容大多数浏览器
2011-09-05 19:09 by sniper007, 655 阅读, 收藏,
摘要：
修改记录：1.整个封装了下，在Event名字空间下2.代码规范了下3.增加了cache4.把原来一个全局变量改了，也放在了Event名字空间下DEMO下载地址：/Files/sniper007/IEEVENT-version2.rar 上代码varextend=function(destination,source){for(varoinsource)destination[o]=source[o];returndestination;};(function(){varEvent={},Cache,cache=[],_onunloadHandlerRegistered;functionadd. 阅读全文
Observer Design Pattern Using JavaScript
2011-09-05 15:08 by sniper007, 386 阅读, 收藏,
摘要：
Introduction Anyone who has ever worked with JavaScript for any amount of time should be familiar with the task of creating custom JavaScript objects. People who are not familiar with OOP in JavaScript can read a brief introduction about it here. This article deals with the implementation of the... 阅读全文
[CSS Hack]解決IE6、IE7、IE8、Firefox的瀏覽器相容性問題！
2011-09-05 10:49 by sniper007, 313 阅读, 收藏,
摘要：
每次調CSS最令人頭痛的就是瀏覽器校正問題，因為每個瀏覽器對CSS的解釋都不太一樣，Firefox本身算是比較照規矩來，處理上比較簡單，但 是遇到微軟的IE系列頭就大了，雖然都是IE，但是IE6、IE7、IE8各版本對CSS的解釋又不一樣，就算你本身已經在IE6調整好，但是在IE7看 起來又是不一樣，這時我們就得來對各個瀏覽器設定不同的數值來解決版面移位的問題。 網路上有非常多關於CSS Hack的教學文章，當然處理方法也有很多種，接下來要跟大家說明的是屬於比較簡單的方法，但是以下的校正確無法通過W3C檢測，雖然無法通過檢測，但是針對各個瀏覽器校正確是有效的喔！ 目前瀏覽器大宗還是... 阅读全文
as3加载图片
2011-09-02 17:08 by sniper007, 205 阅读, 收藏,
摘要：
package{importflash.display.Loader;importflash.display.Sprite;importflash.net.URLRequest;importflash.display.LoaderInfo;importflash.events.*;importflash.display.MovieClip;publicclassimgloadextendsSprite{privatevarlist:Array,img:Array;privatevarv_width:int=92;privatevarv_height:int=107;privatevarcoun 阅读全文
把javascript event事件封装了下，兼容大多数浏览器
2011-09-01 17:36 by sniper007, 351 阅读, 收藏,
摘要：
/Files/sniper007/IEEVENT.rar代码如下 var$={};$.addEvent=function(element,eventType,handler){varself=this;vari=self._find(element,eventType,handler);if(i!=-1){return;}functionwrappedHandler(e){e=window.event||e;varevent=self._formatEvent(e);event._event=e;handler.call(element,event);}if(element.addEvent. 阅读全文
照片墙效果一多实例演示【已封装】
2011-09-01 17:21 by sniper007, 240 阅读, 收藏,
摘要：
原来研究谷歌个性首页拖拽效果，借鉴了别人的，大体效果已经研究出来，代码比较粗糙，还没及时封装，上次看了http://bbs.blueidea.com/thread-3030427-1-1.html把样式直接挪过来了，封装了下， 效果可以直接看http://bbs.blueidea.com/thread-3030427-1-1.html或者可以点击下载源代码/Files/sniper007/demo2.rar 阅读全文
浙公网安备 33010602011771号