Monthly Archives: 一月 2009

为你的PJBlog加上Twitter模块

2009年01月4日 – 18:00

在我的BLOG首页侧边栏，你可以看到我的Twitter模块。实现起来非常简单，Twitter提供了API接口，只需要写少少代码，就可以实现该模块。
Twitter JSON数据接口:http://twitter.com/statuses/user_timeline/15978541.json?callback=twitterCallback&count=5
15978541.json  前面这一串数字是你的用户ID，你可以在你的Twitter首页左下角的RSS链接中找到他。
twitterCallback  这是一个JS函数，只要你预先定义好它(在本文末尾下载)。然后用js的方式引入Twitter的这个链接。
count  引用Twitter条数
函数我已经写好了，所以只需要写进入到PJBlog的后台>>界面与插件>>设置模块
然后添加一个模块：侧栏，模块标识：MyTwitter，模块名称：我的Twitter，保存之后，编辑该模块的HTML，在里面写入：

<p id=”myTwitter”>正在加载…</p>
<script type=”text/javascript” src=”common/myTwitter.js”></script>
<script type=”text/javascript” src=”http://twitter.com/statuses/user_timeline/15978541.json?callback=twitterCallback&count=5″></script>

common/myTwitter.js里面包含我写好的twitterCallback函数，后面调用的就是twitter的JSON API接口。
打包下载：点击下载此文件解压到你的Blog目录即可。
当然，你还可以在Blog风格的CSS样式里加上一些CSS，用来修改Twitter的显示效果。

ol#myTwitter {list-style:none; margin:0; padding:0;}
ol#myTwitter li {margin-bottom:5px; padding-left:15px; line-height:16px; background:url(../../skins/ye_v2/twitter.gif) no-repeat;}
ol#myTwitter li a {font-style:italic;color:#666;}
ol#myTwitter li a:hover {color:#000;}

By FoxLing | Posted in JS/AJAX/DOM | 标签 , , | Comments (1)

Javascript获取CSS值

2009年01月4日 – 15:28

IE:
element.currentStyle
currentStyle 对象返回了元素上的样式表，但是 style 对象只返回通过 style 标签属性应用到元素的内嵌样式。因此，通过 currentStyle 对象获取的样式值可能与通过 style 对象获取的样式值不同。例如，如果段落的 color 属性值通过链接或嵌入样式表设置为红色( red )，而不是内嵌的话，对象.currentStyle.color 将返回正确的颜色，而对象 style.color 不能返回值。但是，如果用户指定了 <P STYLE="color:’red’">，currentStyle 和 STYLE 对象都将返回值 red。
currentStyle 对象反映了样式表中的样式优先顺序。在 HTML 中此顺序为：

内嵌样式
样式表规则
HTML 标签属性
HTML 标签的内部定义

W3C:
window.getComputedStyle(element,pseudoElt)
element 必选，HTML元素
pseudoElt 必选，获取该元素的伪类样式
关于获取css的浏览器兼容：
http://www.quirksmode.org/dom/w3c_css.html
jQuery里关于获取CSS的实现：

function( elem, name, force ) {
var ret, style = elem.style, filter;

// IE uses filters for opacity
if ( !jQuery.support.opacity && name === [...]

By FoxLing | Posted in JS/AJAX/DOM | 标签 , , , | Comments (0)

强大的项目….

2009年01月2日 – 08:19

看图：
How IT Projects Really Work

By FoxLing | Posted in 用户体验 | Comments (0)