Aramey

Aramey喜欢UI设计、SEO，时刻关注着时尚的潮流元素。

2013-5-19 16:12:49 阅读9 评论0 192013/05 May19

var img = new Image();

img.src = albumImg[0].imgsrc;

img.complete 会等于什么呢？

在火狐下测试的时候默认加载第一次，无缓存的情况下是等于false的！

而第二次加载的时候img.complete等于true！这是火狐缓存机制的问题，所以我在后面给了判断

默认加载方法

img.complete ? Fun : (img.onload = function() { something;});上面这句话，在火狐第二次加载的时候会一直执行第一个方法。

所以我们需要再给火狐一个判断，在上面的那段代码后面需要添加以下判断：

// 火狐状态下当有图片存在缓存时，img.complete会一直等于true

if(fox){something;}

这样才正确显示我们想要看到的效果。

以上是目前我最有效的解决方法，如果你有更好的方法欢迎交流讨论，谢谢！

最新发现，貌似在兼容IE7的模式页面也会出现这个问题~！

作者 | 2013-5-19 16:12:49 | 阅读(9) |评论(0) | 阅读全文>>

event.keyCode用法及列表

2013-5-15 17:01:49 阅读10 评论0 152013/05 May15

HTML

用户名：<input type="text" id="UserAccount" onKeyPress="JumpByEnter(UserPwd)" />

密码：<input name="UserPwd" type="password" onKeyPress="IsEnterKeyPress()">

JavaScript：

JumpByEnter(UserPwd) 函数功能：输入完用户名按回车，焦点转向密码输入框

IsEnterKeyPress()功能：输入完密码并按回车，则登录

function JumpByEnter(NextElement){

     var lKeyCode = (navigator.appname=="Netscape")?event.which:window.event.keyCode; //event.keyCode按的建的代码，13表示回车

     if ( lKeyCode == 13 ){

NextElement.focus();

     }

function IsEnterKeyPress(){

     var lKeyCode = (navigator.appname=="Netscape")?event.which:event.keyCode;

作者 | 2013-5-15 17:01:49 | 阅读(10) |评论(0) | 阅读全文>>

关于A伪类的顺序

2013-4-22 18:06:08 阅读21 评论0 222013/04 Apr22

我们先来看下官方给的示例代码：

a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */ a:active {color: #0000FF} /* 被选择的链接 */

有个通俗的记忆方法：“love-have”依照这两个单词的的顺序来进行排列。

它们的顺序是依据什么而定的呢？其实很简单，我们只需要注意我们在选择操作链接时的状态就能发现，哪个伪类的权限要高。

默认的":link"权限是最低的，排在第一，这是毋庸置疑的。

":visited"是已经访问过的，访问过后样式就得变个样，所以你点击过后这个样式就会变了，除非你重新清空下浏览器的缓存，但是谁又会有那么多的时间去管这些呢？除非像我们这些前端开发人员。

":hover"这个伪类相信大家都是非常熟悉它的，因为只要你上网浏览网页这个伪类就会出现，非常的引人注目，不像":active"一样藏的够深，需要点击的时候才会显示出来。不管是访问过的，还是没访问过的，只要你的鼠标有操作，它都会出现在你的眼前。所以他的权限都比前面连个要高，顺序也就靠后。

最后就是":active"这个伪类了，这个更厉害，它的权限比":hover"还高，为什么呢？官方解释是“被选中的链接”，什么意思呢？就是当你点下的时候，在javascript里的事件就是“onm

作者 | 2013-4-22 18:06:08 | 阅读(21) |评论(0) | 阅读全文>>

IE6和ie7中border断线消失现象

2012-3-23 8:08:18 阅读458 评论2 232012/03 Mar23

这个问题困扰了我很久，今天终于找到解决的答案了，百度Google了好几个小时，也许是我表达的不对头吧，我搜的时候是搜ie中border消失现象，怎么也找不到，后来才发现大家都称之为断线现象。唉，不说也罢，看来自学css的确是有点麻烦，不过很有成就感啦，下面是解决办法。

如果容器内有两个浮动，并用CLEAR清除浮动。在ie6和ie7下拖动滚动条时最外层的border会消失，如果给最外层加上宽度或者高度就不会出现。这是一个奇怪的现象，目前还不能解释是什么原因所导致的。

　我们可以通过下面的办法解决：

　　　1.在父元素中加入height:1%

　　　2.加入一个宽度

　　　3.加入一个背景色

原文地址：http://blog.sina.com.cn/wangfengteacher

作者 | 2012-3-23 8:08:18 | 阅读(458) |评论(2) | 阅读全文>>

怎么让背景图片在IE6上透明

2012-3-12 14:01:07 阅读614 评论0 122012/03 Mar12

PNG图片在网页设计中扮演着一个很重要的角色，利用PNG图片的特点可以制作出实用,绚丽的效果，可是IE6对于PNG图片的支持却不是很理想，Firefox和Opera对PNG的支持还是比较友好，特别是Firefox浏览器。可是IE却不理PNG,使得设计者无法很随意的使用png图片。许多的前端爱好者都是非常痛恨IE6的，但是却不能忽略它的存在；所以怎么让背景图片在IE6上透明成了一件头疼的事。

IE5.5+的AlphaImageLoader滤镜为通向png提供了一个道路，如果他载入的是PNG(Portable Network Graphics)格式，则0%-100%的透明度也被提供。我们就利用这个滤镜和hack来设计一个半透明png背景图片的模型

CSS:

#wrap{ width:460px;margin:20px auto 20px 80px;text-align:left;height:300px; padding:20px; border:1px #eee solid;}

/*not for ie 6.0*/

html>body #wrap{background: url(img/bgcanvas.png) repeat;}

/*for ie 6.0*/

* html #wrap {

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale,

作者 | 2012-3-12 14:01:07 | 阅读(614) |评论(0) | 阅读全文>>