上传图片附件显示缩略图

刚开始以为很容易解决.写js嘛..-_,-+


< i nput type="file" onchange="document.getElementById('showimg').src=this.value;" />

然而本地测试成功的代码上传到服务器上就出现了错误..空格被自动转义成为了%20

无语ing….囧..

不过总算找到一个BT的方法..用CSS中的AlphaImageLoader滤镜 -_!!

AlphaImageLoader滤镜的使用方法就不做说明..自己查下手册

AlphaImageLoader滤镜的src属就是其中的主角 它将使用绝对或相对url地址指定背景图像。假如忽略此参数,滤镜将不会作用。

放出代码

全文阅读 »

页面下载速度优化的一点思考

网站首页代码已经达到1000多行,另外17k大小的主css文件与几个内部,外部的js文件(速度主要是内容的N多图片下载及外部的JS文件所拖累的)

所以第一步就是整理所有的JS文件,把整个外部JS代码包含到一个JS文件中,由HTML引用,这样第一次下载后就会在客户端浏览器里缓存,从而加快一定的页面显示速度.

第二步,JS在HTML中的引用位置, 把响应时间长的JS文件放到页面头部,当整个JS文件下载完毕后,整个文档也几乎同时下载完成,与把JS放到页尾的速度感觉上还是提升很大的.

第三步,优化CSS文件,把冗余的代码清除,拆分成两个CSS样式表文件

hx.gif

下载页面整个过程1.08m.进一步优化中.

target=”new”,target=”_blank”与rel=”external”,不可调合的矛盾

新开窗口的这个问题上,已经讨论过很多次, 大多数人认为不经用户同意就弹开一个新页面是不礼貌的作法.但中国人的习惯,就是喜欢弹出很多个页面,(据说与以前用电话线上网时,多开多个窗口,下载完所有页面,把猫一关,然后看网页可以省不少网费,如今虽没有网费的问题,但新开N个窗口却做为一个习惯流传下来了)

个人也反对新开窗口,无耐需求如是,按照过渡期的办法target=”new”;问题却出现了,使用这种方法后,只能新开一个窗口,再次点击链接始终只能在那一个窗口显示.

这时我想到了rel属性,这个HTML4.0时添加的属性有一个关于新开窗口的属性值:external;使用这个属性值时还必须用到javascript

代码如下:

function externallinks() {
 if (!document.getElementsByTagName) return;
 var anchors = document.getElementsByTagName("a");
 for (var i=0; i<anchors.length; i++) {
   var anchor = anchors[i];
   if (anchor.getAttribute("href") &&
       anchor.getAttribute("rel") == "external")
     anchor.target = "_blank";
 }
}
window.onload = externallinks;

为了个新开个窗口,写下这么多行代码,似乎有点不值,SO,最后我选择了不符合标准的写法:target=”_blank”;
问题解决了

标准有时真难捉摸,也许它本身也在不断完善中… 

可恶的IE6双倍浮动BUG及解决办法

制作页面时常会碰到IE6双倍浮动BUG,以前我的解决方法就是多写一行CSS HACK

如:

margin-left:12px;
-margin-left:6px;

这种方法虽然有效,但在讲究完美的coder来说使用CSS HACK是不能接受的

真正的解决方法:

加上display:inline

是的,没有看错,就是这么简单,被IE双倍浮动BUG困扰的朋友试一下吧

困难终于实践

CSS小技巧,文字与Input垂直居中对齐

最近跟表单经常打交道,经常出现文字与所对应该的input不能垂直居中对齐的问题(文字默认是与input底部对齐的),查找了下css2.0帮助手册,找到了解决办法,原来是这么easy.

<p>
<input type="text" name="author" id="author" style="vertical-align:middle" />
<label for="author"><small>呢称</small></label>
</p>

vertical-align:middle
将支持 valign 特性的对象的内容与对象中部对齐

浏览最多的10篇日志

评论最多的10篇日志

随机显示的10篇日志