分类目录归档:交互设计

jquery到底对object做了什么?

还是看实际代码吧? http://www.d5s.cn/example/js/js_flash.html 正常 http://www.d5s.cn/example/js/jquery_flash.html 出错 一个使用的是 document.getElementById(‘XXX’).innerHTML = str; 另一个使用    $(“#XXX”).html(str); 结果,使用了jquery方法,会出现一些BUG在IE,其他浏览器未发现。 我之前也写过一篇文章: http://www.d5s.cn/archives/79 我以为 是使用jquery造成的,看来是jquery对object做了特殊处理,到底做了什么处理呢?我还不清楚,希望哪位js达人告诉我。

发表在 交互设计 | 留下评论

Google Ajax Library API

不知道现在还有多少网站是自己从头开始写js的,至少我现在已经离不开jquery了,在做一个网站之前,必定要先引入js类库–jquery 如果大家都从一个地方载入js类库,那么载入速度将会快很多,伟大的google已经帮我们想到了 Google Ajax Library API 看看 “某人的栖息地” 写的教程说明:http://www.ooso.net/index.php/archives/404 呼吁各位使用这些 jQuery、prototype、script.aculo.us、MooTools、dojo 类库的朋友,都自己从 Google Ajax Library API 下载吧

发表在 交互设计 | 留下评论

使用widget

先认识一下什么是widget? http://baike.baidu.com/view/704016.htm 现在widget,已经由yahoo把它发扬光大了。 具体可以在这里下载 。 充分利用,每天面对次数最多的桌面,让你的工作,摆满屏幕。 1、使用 “桌面停靠栏” ,来管理你混乱复杂的桌面图标,让你桌面和MAC一样。 2、使用“X-TASK计划任务”,来管理每天的工作,以及代办事项。 3、使用 “yahoo记事本”,随手记下,手边的工作和事情。 4、其他一些 系统管理、天气预报、时间、日历,之类的,可以在这里 http://widget.cn.yahoo.com/gallery/view.htm?widgetID=127&cate=1 http://www.widgetgallery.com 找到你想要的扩展。 然后就是让我这个懒人,变得更懒,更高效。 如果你有需求,甚至可以自己编写一个 widget 组件。 开发文档:http://widget.cn.yahoo.com/document.htm 附一张我的桌面

发表在 交互设计 | 留下评论

转一个图片未知高度,垂直居中的例子

很久以来,自己也有这个疑惑,由于很久没有专职做这个了,就没有深入的研究过重构方面的东西,只是一直关注着,不曾落下。 转载记录一下,以免自己遗忘。 转自:http://www.planabc.net/2008/05/26/img_vertical_center_solution/ 下载: test_img_middel.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Vertical Middle</title> <style> .box {     /*非IE的主流浏览器识别的垂直居中的方法*/     display: table-cell;     vertical-align:middle;       /*设置水平居中*/     text-align:center; … 继续阅读

发表在 交互设计 | 留下评论

document.getElementById(‘id’).innerHTML 和 jquery的 $(‘id’).html() 到底有什么区别?

先来看两个例子 http://www.d5s.cn/example/js/js_object.html http://www.d5s.cn/example/js/jquery_object.html document.getElementById(‘id’).innerHTML 和 jquery的 $(‘id’).html() 到底有什么区别? 你可以分别查看两个页面的源码,就只有19和20行不同 document.getElementById(‘test_player’).innerHTML = box_dom; $(“#test_player”).html(box_dom); 都是向 test_player 节点内插入数据,但是结果却大不相同,不知道jquery是不是对 object 有特殊处理。

发表在 交互设计 | 留下评论

tinymce Simplified Chinese pack 简体中文包

昨天从 tinymce 官方网站下载的语言包,安装后,却是繁体中文版本。 实在看着不爽,又重新转化了一下。 有需要的可以点击 tinymce Simplified Chinese pack 下载。 如果tinymce的中文字体大小显示不正常,可以搜索tinymce目录下的所有css文件中的 font-size:10px; 和 font-size:11px; 替换为 font-size:12px; 这样中文字体 宋体就能显示正常。

发表在 交互设计 | 2 条评论