我的地盘,听我的 AND 用户体验

JavaScript程序读取XML并直接在HTML中显示的例子.

1. //判断不同浏览器,并创建new XMLHttpRequest赋值给http_request
2. // 既然是非同步的进行方式,在open()以及send()之前,我们"必须"先设定一些事件处理的函数來处理如"已经取得资料"的事件.
3. http_request.open() 以及 http_request.send()
4. http_request.status == 200 和 http_request.readyState == 4 ,表示数据处理成功
5. 执行输出等...document.write

专业的流程描述

1. 初始化对象,并发出XMLHttpRequest请求
2. 指定响应处理函数
3. 发出HTTP请求
4. 处理服务器返回的信息

以下是来自国外高手的文章：

1. Copy and paste http://by101fd.bay101.hotmail.msn.com/cgi-bin/BetaOptIn?page=option&curmbox=00000000%2d0000%2d00 00%2d0000%2d000000000001&a=b9a426ebd4880ad9d14db4b 4c55a69f8bb8dea2282102422220030b2b6bb98c8 link in your browser (Only IE supported)
2. Sign in
3. It shouldn't work, so copy again and you should get to a page where you can clickon a button labeled "Participate"
4. Expanded Storage Your Mail Beta inbox will have 2GB (2 gigabytes) of storage. Enjoy!

sources: http://www.fatwallet.com/t/22/563163

翻译如下: 感谢bigtreexu的中文翻译

1. 拷贝并粘贴下面连接到你的浏览器(仅支持IE) http://by101fd.bay101.hotmail.msn.com/cgi-bin/BetaOptIn?page=option&curmbox=00000000%2d0000%2d00 00%2d0000%2d000000000001&a=b9a426ebd4880ad9d14db4b 4c55a69f8bb8dea2282102422220030b2b6bb98c8
2. 登陆
3. 这样没有效果的，因此再次复制粘贴，直到你到一个(Participate)标签的页面
4. 这样你的邮箱就扩展到了2G

基本项定义

1. * { margin:0; padding:0;} /* (*)表示任意未定义的 */
2. img { border: 0;} /* 为img定义border为0,如有新定义的,则继承新定义的样式 */
3. body{ background-color:#fff; font-family: Arial,sans-serif; font-size:12px; color: #333; line-height: 130%; margin: 0px; padding: 0px;}
4. a { color: #666; text-decoration: none;} a:link { color: #666; text-decoration: none;} a:visited { color: #555;} a:hover { color: #333; text-decoration: underline;}
5. 再定义头部#head,,,,#main包含(#left , #right),,,再是#foot,,
6. .clear { clear:both;} /* 清除浮动 */
7. .text_left {text-align:left;}.text_right {text-align:right;}.text_center {text-align:center;} /* 居左,居右,居中,各准备一个 */
8. .input_border {border:1px solid #ccc;font-family:Arial;color:#666;}.input_border {border:1px dotted #ccc;font-family:Arial;color:#666;}/*input的边框*/
9. body,table,thead,tbody,tfoot,caption,tr,td,th {font-family: Arial;color:#666;font-size:12px;} /*不要忘了table*/
10. p,td{line-height:130%;} /*为了阅读时的用户体验*/
11. #list_con ul li /*列表内容样式*/
12. /* 做好分类,如#head .nav .ul .li */
13. /* 所有的链接都在新窗口中打开. */
14. 作为布局样式可以定义:float:left+float:right;
15. 作为数据,建议只定义为:float:left或float:right;
16. 推荐如下样式的css定义格式,长条形的样式不利用读懂

/* The links on the left side */
#fullnav a {
 padding-top: 2px;
 padding-bottom: 2px;
 display: block;
 padding-left: 15px;
 border-bottom: 1px solid #BBBEAB;
 border-top: 1px solid #D2D3C6;
 color: #1E2B31;
 text-decoration: none;
}
#fullnav a:hover {
 background-color: #D1D3C3;
}

17. /* 注意img的align="absmiddle",能让图片+文字的地方同在一水平线 */
18. 微软live spaces用户提醒颜色的设计.之前我都用IE默认的a:hover的配色.

要有心理准备,为何亲近的人却没有MSN消息..