显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

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) | 阅读全文>>

查看所有日志>>

 
 
 
 
 
 我要留言
 
 
 
留言列表加载中...
 
 
 
 
 
 
 
 

北京市 海淀区

 发消息  写留言

 
好好学习,天天向上!
 
博客等级加载中...
今日访问加载中...
总访问量加载中...
最后登录加载中...
 
 
 
 
 
 
 
博友列表加载中...
 
 
 
 
 

日志分类

 
 
日志分类列表加载中...
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2013

创建博客 登录  
 加关注