本来想解决使用innerHTML方式设置内容时,里面样式中的图片无法加载的问题,结果意外的发现了一种图片预加载的方式。 From: http://blog.guoshuang.com/showlog.asp?log_id=3947   <style> #preloadedImages { width: 0px; height: 0px; display: inline; background-image: url(path/to/image1.png); background-imag ...
2008-07-03

Maxthon对链接的处理问题

关键字: maxthon
今天在Maxthon下测试播放列表时发现了一个问题,那就是我使用   <a href="javascript:void(0);" onclick="location='http://www.trs.com.cn/';">测试</a>   时链接不能正确的跳转。而我使用button和直接在地址链输入脚本都是可以执行的,后来用了下面的方法才解决了这个问 题 <a href="javascript:location='http://www.trs.com.cn/';">测试</a>   这两种方式本质上应该 ...
今天溜达csdn发现了一篇帖子《奇特的网页病毒代码?》http://topic.csdn.net/u/20080606/10/0FCFCA71-A23C-4026-8372-A9E2B19F0EF1.html,说有段代码怎么看都不像有问题,但是却会有安全提示。   看了里面的说法,说可能是Script Encoder(http://www.onlinedown.net/soft/6376.htm下载)加密后的东西,先记一下,回头好好研究研究。。。。
大家都知道js是顺序执行的,但是如果在一个函数的定义之前调用这个函数那会是什么效果那? 下面的代码是一个列子,如果myAbc没有定义则会提示错误,如果已经定义则会正确提示。   <script> try { myAbc(); } catch(e) { alert("error"); } </script> <script> function myAbc() { alert("myAbc"); } </script>  在这种情况下会报错。   <script> ...
From: http://topic.csdn.net/u/20080515/13/76337B8B-93DD-4D9C-B633-2E59D9448395.html 互联网带宽越来越宽,似乎让网页的加载速度得到了质的飞跃。其实不然,因为随着带宽的提高,网页上的对象也越来越多,因此加快网页打开速度还是一个重要的课题。加快网页的打开速度,有三个路径,一是提高网络带宽,二是用户在本机做优化,三是网站设计者对网页做一定的优化。这篇文章站在一个网站设计者的角度,分享一些优化网页加载速度的小技巧。 一、优化图片 几乎没有哪个网页上是没有图片的。如果你经历过56K猫的年代,你一定不会很喜欢有大量图片的网 ...
今天帮助同事解决一个问题,问题是她做的一套页面在FF下显示正常,在IE下样式却没有效果,也就是没有应用样式。 最终发现是编码不匹配的问题,css文件使用的utf-8编码,而html文件时gb2312。将html改为gb2312后问题就解决了。 另外可以在css文件中声明编码:@charset "utf-8";  
2008-05-21

[zt]Ajax 和 XML: 五种常见 Ajax 模式

关键字: 2007-03-27 12:41:19 发表
可立即使用这些非常有用的 Ajax 设计模式 文档选项 将此页作为电子邮件发送 讨论 样例代码 拓展 Tomcat 应用 下载 IBM 开源 J2EE 应用服务器 WAS CE 新版本 V1.1 级别: 中级 Jack D Herringt ...
2008-05-21

[z]易用性的三条原则

关键字: 2007-03-21 11:12:27 发表
作者:Jian Shuo Wang 发表于: 2005-06-12 19:06版权声明:可以任意转载,转载时请务必以超链接形式标明文章原始出处和作者信息及本声明http://home.wangjianshuo.com/cn/20050612_ccae.htm 第一次走到新的办公室门口,习惯的去推那扇巨大玻璃门,同时脚步并没有放慢下来。 结果。。。 “哐”的一声巨响,我差点整个身子就撞了上去,鼻子已经贴到了玻璃上。原来,这扇门是只能拉,而不能推的。 这是每个人都会遇到的事情:只能拉的门去推,只能推的门去拉,或者直接一头撞进那种左右滑动的移门上去。。。这个时候常 ...
转自: http://bbs.chinaunix.net/viewthread.php?tid=690254&extra=page%3D1%26filter%3Ddigest     随着ajax的升温,javascript越来越得到人们的重视。重要的是,ajax在一定程度上带来了web软件架构上的变化,人们把越来越多的功能分配到客户端实现,javascript子项目规模越来越大。如何更高效的使用javascript,如何更科学的组织javascript,如何更顺利的保证项目进展?我想就我的经验谈一点浅见。一。 开发人员需要认真学习javasc ...
2008-05-21

css之自动换行(转 比较全面的)

关键字: 历史博客整理, css, 自动换行, break-all
大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是 CSS如何将他们换行的方法! 对于div 1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。 #wrap{white-space:normal; width:200px; } 或者 #wrap{word-break:break-all;width:200px;} <div id="wrap">ddd1111111111111111111111111111111111</div&g ...
2008-05-21

人机交互设计的一些资源

关键字: 历史博客整理
刚毕业的时候写的一些博客,整理一下放到javaeye上来。。。 ============================================== 蓝色理想(挺好的):http://www.blueidea.com/articleimg/2006/05/3458/eg1.html 梦之都:http://www.dreamdu.com/xhtml/ (感觉html还要重新学习阿,理解得不够深刻) css 图像地图:http://www.blueidea.com/tech/web/2006/3458.asp(很好玩的)   老外的一个网站:http://www.br ...
2008-05-21

正确认识html与body(转)

关键字: 历史博客整理
标准与非标准模式 standard模式后,定义和解析将更加严格,所有定义必须从顶级标签html开始。 可以理解为传统非standard模式定义body的用法,standard模式下都必须在html上定义。 高度100%的意义 认为standard模式下定义容器高度100%无效,是错误的理论。 如果需要body内的容器有100%高度,必须先定义body高度100%。 html与body的默认值 1. IE6.0环境下html默认有2层border的内嵌效果,FF1.5环境下默认则没有,这是IE6.0定义border:0前后效果: 2. IE6.0和FF1.5环境下的body都 ...
应同事要求做了一个,效果如下:   当鼠标移上时变色。 没有使用脚本,纯粹通过css实现。同时通过调整背景图片位置的方式解决图片的闪动,主要代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>TRS -- 导航</title> ...
2008-05-20

Firefox的默认样式

关键字: ff, firefox, 默认样式
在FF的地址栏中输入:resource://gre/res/html.css,即可看到FF的默认样式。 查看FF默认配置的方式:about:config FF支持的滤镜列表:http://www.blooberry.com/indexdot/css/properties/extensions/nsextensions.htm
居然一直没有分清楚,备忘一下。。。。 -------------------- From:http://www.w3cn.org/article/translate/2005/114.html 原文:http://www.456bereastreet.com/archive/200412/the_alt_and_title_attributes/ 翻译:JunChen 首发:http://blog.handsbrain.com/junchen/archive/2005/05/21/3355.aspx 版权:本文版权归译者Junchen所有 当浏览器卖主扭曲了标准并且自 ...
function toWinCenter(id) { var obj = $(id); var top = document.body.scrollTop + (window.innerHeight || document.body.offsetHeight) / 2 - obj.offsetHeight / 2; var left = (window.innerWidth || document.body.offsetWidth) / 2 - obj.offsetWidth / 2; obj.style["left"] = left + "px"; ...
2008-05-08

未知高度的非表格垂直对齐[z]

关键字: div, vertical-align, css
From: http://realazy.org/blog/2007/03/10/none-table-elements-valign/ 非已知高度的垂直对齐的条件: 表格单元格 行内块(inline-block) 第一个比较好理解,第二个很多人可能会忽略。比如,很多人在图片与文本混排的时候想让图片相对于文本垂直居中除了用IE的私有特性 valign="absmiddle"别无他法。记住,默认下图片就是属于inline-block,你只需简单的img {vertical-align:middle;}即可。 那么,我们进入主题。现在我们由于某些特殊需要两个并排的div想实现垂直 ...
2008-05-06

将数字转换为KMG的形式

关键字: 容量单位转换
function getSizeInKMG(num) { if(isNaN(num)) { alert(num + "不是一个数字!"); return false; } num = parseInt(num); var unit = [" B", " KB", " MB", " GB"]; for(var i = 0; i < unit.length; i += 1) { if(num < 1024) { num = num + ""; if(num.indexOf(".") != -1 && num.inde ...
<script type="text/javascript"> if (typeof $ == "undefined") { var $ = function(sid) { if (typeof sid == "string") { return document.getElementById(sid); } return sid; }; } var HighLightLink = function() { var CUR_LINK = null; //记录当前链接的变量 var sel ...
参考了百度空间的做法,关键点是不使用display而是visibility来控制是否显示,这样就没有了事件源转移而导致的闪动问题。 <div class="cell"> <div class='c_opera' style="visibility:hidden;"><a href="#">删除</a></div> <div class="c_title">个人图片</div> <div style="position:static;" class='c_logo'> ...
1. Focus on people—their lives, their work, their dreams. 2. Every millisecond counts. 3. Simplicity is powerful. 4. Engage beginners and attract experts. 5. Dare to innovate. 6. Design for the world. 7. Plan for today's and tomorrow's business. 8. Delight the eye without distracting the mind. 9. Be ...
From: http://www.ibm.com/developerworks/cn/xml/x-xmlajaxpt3/index.html?ca=drs-cn&ca=dkw-Ajax Mark Pruett (mark.l.pruett@dom.com), 系统构架师, Dominion 2008 年 4 月 15 日 Ajax 风格的服务器调用不一定使用 XMLHttp 请求。本系列的最后一部分介绍天气面板的最后一种方法,利用 Web 公共服务 JavaScript Object Notation (JSON) 和动态脚本标记来实现。 前两部分介绍了三种方法创建可重用的 ...
From:http://blog.stevenlevithan.com/archives/faster-than-innerhtml http://lveyo.javaeye.com/blog/182891 http://fins.javaeye.com/blog/183373 function replaceHtml(el, html) { var oldEl = typeof el === "string" ? document.getElementById(el) : el; /*@cc_on // Pure innerHTML is slightly faster ...
From: http://trevordavis.net/blog/tutorial/the-6-most-important-css-techniques-you-need-to-know/ Posted on March 30, 2008 in Tutorial | 40 Comments » I thought I would give a quick tutorial, with examples, of the 6 most important CSS techniques that I think you need to know: Get a Consist ...
一直希望做一个可以动态的装载js的小类库,可是一直太忙,不过今天居然发现已经有人做了一个。 http://www.jondavis.net/blog/post/2008/04/Javascript-Introducing-Using-(js).aspx 不过他的级别只是到了文件,而我觉得控制的粒度最好能到对象的级别,这样就不会扔一堆没用的东西在内存里了。 ------------------------ Javascript: Introducing Using (.js) by Jon 4/12/2008 3:37:00 PM I'm releasing v1.0 of u ...
From:http://www.javascriptkit.com/javatutors/closuresleak/index3.shtml All of the patterns shown below are described in detail in Justing's article. I'm going through them just for the sake of completeness: [Exhibit 5 - Circular reference because of expando property] <html> <head> ...
针对链接中的代码注入:如果不是以http或者https开始,则自动增加http,这样如果用户写的是javascript伪协议就无法执行;如果是http或者https开始则没有问题;针对转义字符和&#nn;形式的直接字符:将&替换为&amp;就可以破坏其语义了;针对可视化编辑器中的脚本注入:在服务器端使用正则表达式将script标记过滤掉;在服务器端将on开始的属性过滤掉;更多的方式欢迎大家补充。。。
本来准备做一个比较好的颜色选择器,可是时间上不允许,所以只能暂时放这记录一下,以后有时间接着做。                               自定义颜色: 红:绿:蓝:#  代码: <table border=0 cellpadding=0 cellspa ...
From: http://zhidao.baidu.com/question/6436440.html?fr=qrl H参数表示色彩信息,即所处的光谱颜色的位置。该参数用一角度量来表示,红、绿、蓝分别相隔120度。互补色分别相差180度。 纯度S为一比例值,范围从0到1,它表示成所选颜色的纯度和该颜色最大的纯度之间的比率。S=0时,只有灰度。 V表示色彩的明亮程度,范围从0到1。有一点要注意:它和光强度之间并没有直接的联系。 RGB转化到HSV的算法: max=max(R,G,B) min=min(R,G,B) if R = max, H = (G-B)/(max-min) if G ...
这种方式的好处是函数中定义的变量对外界是不可见的,具有很好的封装性。 模块模式介绍请见:http://liudaoru.javaeye.com/blog/147654 下面的链接是别人的解释:http://home.wangjianshuo.com/cn/20070515_cec.htm (function() { var x = "abc"; alert(x); })();
liudaoru
搜索本博客
最近加入圈子
存档
最新评论