yuehei 两点之间 http://yuehei.37net.com/old/ <h4>现阶段的主要矛盾是落后的生产力不能满足日益增长的物质文化需求</h4> Copyright (C) 2004 Security Angel Team [S4T] All Rights Reserved. SaBlog-X Version 1.6 Build 20080806 Sun, 01 Aug 2010 08:12:18 +0000 30 http://yuehei.37net.com/old/?action=show&id=44 Ph4nt0m Webzine 0x03 月黑风高 Ph4nt0m Webzine 0x03发布，看不懂这名字含义。不过文章是很好看

http://www.cncert.net/pstzine_0x03/pdf/PSTZine_0x03_0x06.pdf

以后不用mt_rand这种方法来取回密码。。试了一下，果然是这样

]]> http://yuehei.37net.com/old/?action=show&id=44 PHP 2009-05-06 10:58 http://yuehei.37net.com/old/?action=show&id=43 有个样子了 月黑风高 1。一个月时间，封闭了后端，模仿的zf封装一个简单的框架，zf太大，我想用只是那么一点点，看了qeephp，用了领域编程，有点不好掌握，模仿了手机之家封装了一个memcache+db的简单DAL，用的还不错，但是业务交叉比较多，表到数据库的映射不好掌握，我的程序很山寨。

2。我JS一直不行，写出这个前端还是Jquery功能NB，我在一些Jquery GPL插件的基础封装一个插件，屏蔽掉底层操作，有一些地方也分离了请求和模板，前端的样子大概是出来了，后面改动也逃不出这个大局。JS对象是鸡肋？我没发现太大的用处，但是前端还是全部用对象，我把它当成命运空间来用，挺爽的，结构看起来也清晰。

3。之前我一直考虑GB2312还是utf8，后来还是用utf8，方便，不过数据数据传输大了一些，主要就是JSON之后的汉字，我封装了前端的语言包，但是没有去用，算来算去太麻烦，上线根据情况再调整。有很多Jquery的功能好像没用，程序稳定了以后计划进行一些删减。我的前端也很山寨。

4。发现一些sns目录结构  

    /account/detail/index.php

   /account/list/index.php

   这样就可以用/account/detail/?xxx来访问。。看起来结构比较清晰，核心也肯定比较小。


3.今天是林空昭4空1周年，缅怀那些忠于自己，勇敢的人，时光流逝，今天依然清澈。

]]> http://yuehei.37net.com/old/?action=show&id=43 webgame 2009-04-29 21:37 http://yuehei.37net.com/old/?action=show&id=41 基于令牌的通行证 月黑风高 晚天搞到三点多，把ZF默认的目录结构做了一些修改，配置一些文件，放到SVN中

以前扯淡过一次通行证，不过当时知道的比较少，这次再扯一次，
通行证，我知道有两种，一种是cookie加密，一种是memcached做的令牌

1. cookie 小站用的比较多，问题是不支持分布，也不能解决多地登录，在不在线，还有不能放太大的数据量，毕竟每次请求都附上cookie。

2. 令牌可以解决cookie的一些问题，很多网站都在用，好处就是支持分布式，N个应用都可以自由判断用户登录没登，不好的地方的是保持不方便。
令牌一般有两组，一组只保存很少的信息：用户ID=>(登录时间，客户端IP)，这个是用来快速判断。
另一组才是真正的令牌：md5(用户id+登录时间)=>其它信息，用户每次登录都会刷新这个令牌。

想过用memory表，效率太差，比较好的方法是把这两个结合起来：
在线的用户会放在memcached中，假设设置时间是60m, 过期就是不在线，可以解决在线问题。
用户本地有cookie, 如果解密成功且memcached中没有用户信息则设置，此时同一用户可以多地登录的。
如果应用程序要求比较严格，不允许多地登录，则可以用memcached中保存的客户端信息来确定当前唯一登录用户。
在线保持还会有一个效率问题，因为要刷新在线时间，保持状态，不过比较好解决，简单的就是设置长一点过期时间和随机刷新。

总体上来说：
cookie: （rc4或xxtea） 用户ID, 登录时间戳
memcache第一组：用户ID=>(登录时间，客户端IP(更严格一点可以包括浏览器信息))
memcache第二组：md5(用户id+登录时间)=>其它信息

这样做有一个很不好的地方，增加了其它应用判断是否登录的复杂度，以前只要检测memcached就可以了，现在还要检查一下cookie， 不过借助于js的还是比较容易解决。

另外，这样会有一些安全问题，比如用户改了密码以后，原来的cookie还能用，这个问题解决应该和全站安全一起考虑，用户在注册的时候随机生成的key，位数可以少一点，这个key是用来确认客户端cookie有效的，也可以用来防止跨站请求伪造，也可以md5的时候加上，形成双密码保护，功能多多。。

]]> http://yuehei.37net.com/old/?action=show&id=41 PHP 2009-03-15 17:39 http://yuehei.37net.com/old/?action=show&id=40 hello world 月黑风高 一个起步教程

可能教程的版本比较旧

Python代码
  1. from django.utils.httpwrappers import HttpResponse  
  2.   
  3. def index(request):  
  4.     return HttpResponse("Job Index View")  

1。httpresponse已经挪到django.http下面了，放在__init__.py这个感觉没什么用的文件里，找了好一会儿

框架的文件全放在site-packages里面，没想到和zf差不多，传入request对象，输出response对象

2。egg是什么格式

3。昨天清理笔记本，有二颗螺丝滑丝了，死按拧上了一个，用了快二年。宽裕的时候换一个。

]]> http://yuehei.37net.com/old/?action=show&id=40 python 2009-02-24 19:24 http://yuehei.37net.com/old/?action=show&id=39 开始web py部分 月黑风高 今天把django，NND，这个单词我还不会拼，给装了，没用nginx，担心把我的php环境给搞坏了，用他自带的那个web server，

http://yuehei.37net.com:8080/

1。现在一头雾水，以前用php就是开启fastcgi监听，web server转发处理响应，然后把框架布署在目录里，django把这些东西都放在一起，我茫然了，迷茫了，找不前进的方向了，恶。。

2。试了一下php gtk，这种鸡肋的东西，除了证明一下PHP能写桌面也没别的用了。

3。wxpython GUI组件 http://www.ibm.com/developerworks/cn/linux/sdk/python/wxpy/

4。PHPRPC 比 soap之类的东西简单多了，好用多了。。就是页面太艺术。。

mod：将解释器加载为web server 的一部分

cgi：每次接受请求解释器都会初始化，比较消耗资源

fastcgi：会生成解释进程，常驻内存，速度比较理想

cli：php安静模式，一般在命令行下用

饿了，撤

]]> http://yuehei.37net.com/old/?action=show&id=39 python 2009-02-23 18:06 http://yuehei.37net.com/old/?action=show&id=38 网址记录 月黑风高 http://www.javaeye.com/post/886707?page=11

 一直不订javaeye的blog，几个血红大字，还有血红的推荐。

这里记录

update:09/02/23

http://www.javaeye.com/topic/141889

还是订了，这里记那个论坛的文章

 

]]> http://yuehei.37net.com/old/?action=show&id=38 点滴 2009-02-18 12:55 http://yuehei.37net.com/old/?action=show&id=37 五六节 月黑风高 类和异常与文件处理，没什么特别的。。很想睡觉，困

py类中的变量就相当静态变量

Python代码
  1. from UserDict import UserDict  
  2. class dict(UserDict):  
  3.     data = {}  
  4.     num = 0  
  5.     def __init__(self, data={}):  
  6.         if (data is None):  
  7.             data = {}  
  8.         else:  
  9.             self.data.update(data)  
  10.             self.num+=1  
  11.     def addNum(self, num):  
  12.         self.__class__.num+=num  
  13.     def items(self):  
  14.         return self.data.items()  
  15.     def keys(self):  
  16.         return self.data.keys()  
  17.     def values(self):  
  18.         return self.data.values()  
  19.     def getClass(self):  
  20.         return self.__class__  
  21.     def __setitem__(self, key, values):  
  22.         key = "s_"+str(key)  
  23.         self.key = values  
  24.     def __getitem__(self, key):  
  25.         key = "s_"+str(key)  
  26.         return self.data[key]  
  27. d = dict({"aa":"bnb"})  
  28. d.addNum(4)  
  29. print d.num  
  30. e = dict()  
  31. print e.num  
  32. print dict.num  
  33. print e.data  
  34.   
  35. #d['fdsad'] = 'fdas'  
  36. #print dir(d)  
  37. #k = {}  
  38. #k["a"] = "a"  
  39. #k["b"] = "b"  
  40. #print k.a  
  41. #del k["a"]  
  42. #print k  
Python代码
  1. try:  
  2.     fh = open('D:/music/KuGou/寒衣调.mp3', 'rb')  
  3. except Exception:  
  4.     print 'error'  
  5. else:  
  6.     print 'ok'  
  7. #print fh.name  
  8. #print fh.mode  
  9. #print dir(fh)  
  10. #print fh.tell()  
  11. fh.seek(-1024, 2)  
  12. #print fh.tell()  
  13. data = fh.read(1024);  
  14. #print data  
  15. #print fh.closed  
  16. fh.close()  
  17. #print fh.closed  
  18.   
  19. try:  
  20.     fh = open('D:/project/a.txt', 'wb')  
  21.     fh.write("aaaaaa")  
  22.     fh.close();  
  23.     #print file('D:/project/a.txt').read()  
  24. except IOError:  
  25.     pass  
  26. print file('D:/project/a.txt').read()  
  27.   
  28. #import sys  
  29. #print "\n".join(sys.modules.keys())  
  30. import os  
  31. print os.path.expanduser('~')  
]]> http://yuehei.37net.com/old/?action=show&id=37 python 2009-02-16 23:38 http://yuehei.37net.com/old/?action=show&id=36 第四节 月黑风高 看完了，对数组的映射和过滤有了比较清楚的了解，这么快就看到了最爱用的三元运算，这章的例子非常有用，我默了出来

Python代码
  1. def setRunEnv():  
  2.     import sys  
  3.     sys.path.append('D:\project\mypy')  
  4. setRunEnv()  
  5. def info(object, spacing = 10, collapse = 1):  
  6.     methodList = dir(object)  
  7.     methodList = [method for method in methodList if callable(getattr(object, method))]  
  8.     processFunction = collapse and (lambda s:" ".join(s.split())) or (lambda s:s)  
  9.     return "\n".join(["%s%s" % (method.ljust(spacing),  
  10.         processFunction(str(getattr(getattr(object, method), "__doc__"))))  
  11.         for method in methodList])  
  12. li = []  
  13. #print info(li, 20, 0)  
  14. print 1 and 'ok' or 'no'  
  15. print 1 and '' or 'no'  
  16. print 1 and [''] or 'no'  
用and和or进行判断，我用这种偷懒的方法写PHP还是比较单一，一般就是一个and或or，这里直接把这个当三元来用。太帅了。。逻辑表达式PHP虽然返回的true或false，但是PHP可以直接赋值，所以也可以用这种方式。

PHP代码
  1. <?php  
  2. $a = 1;  
  3. $b = '';  
  4. $a == 1 && ($b = 'ok') || ($b = 'no');  
  5. echo $b;  
  6. ?>  
很有意思，py逻辑表达式可以返回最后的值，但里面不能进行赋值操作，一赋值，报syntax error

Python代码
  1. a==1 and b='ok' or b='no'  
PHP虽然返回只是表达式最后运算的结果，但可以进行赋值操作，所以他们都可以用这种写法。

第二个表达式一定不能为 false，否则完蛋。。

 

 

]]> http://yuehei.37net.com/old/?action=show&id=36 python 2009-02-13 23:58 http://yuehei.37net.com/old/?action=show&id=35 前三节 月黑风高 刚看完前三节

 

Python代码
  1. def setRunEnv():  
  2.     import sys  
  3.     sys.path.append('E:\mypy')  
  4. setRunEnv()  
  5. import calc  
  6. import string_operation  
  7. #help(calc)  
  8. print calc.add(110, 33)  
  9. print calc.sub(110, 22)  
  10. print calc.mul(44, 55)  
  11. print calc.div(6, 3)  
  12.   
  13. list = {"name":"yuehei", "email":"none", "sex":"man"}  
  14. params = list.keys()  
  15. print params  
  16. params = list.values()  
  17. str = string_operation.arrToStr("###", params)  
  18. print str  
  19. print "--------"  
  20. print string_operation.strToArr("###", str)  

感觉很像JS，有一个问题，怎么能让他不生成pyc文件，每次删不方便

和PHP相比，她是强类型语言，做一个1/3，不会得0.33333

关于后缀名 http://bbs.chinaunix.net/thread-852032-1-1.html

update:2009/02/14  不用删除，如果用help老是看到没有变化，是因为新改的编译没有通过，过了就会重新生pyc

]]> http://yuehei.37net.com/old/?action=show&id=35 python 2009-02-13 17:30 http://yuehei.37net.com/old/?action=show&id=34 CSS的提示 月黑风高
XML/HTML代码
  1. <html>  
  2. <head>  
  3. <title></title>  
  4. <style type="text/css">  
  5. a:link span {  
  6.     display:none  
  7. }  
  8. a:hover span {  
  9.     display:inline;  
  10.     position:absolute;  
  11. }
  12. </style>  
  13. </head>  
  14. <body>  
  15. <a href="#">看看<span><br /><img src="http://www.jjwxc.net/img/logo.gif"></span></a>  
  16. </body>  
  17. </html>  
看看

这种提示我一直用JS,刚才看一网站发现没有JS也搞定这种效果了，搞清楚后才发现用的是CSS，太奇妙了，比JS好多了。。

]]> http://yuehei.37net.com/old/?action=show&id=34 前台 2009-02-09 22:28 http://yuehei.37net.com/old/?action=show&id=33 2008年最后一天 月黑风高 1，最后一天，我有点发烧，一会去输点水，应该会很快好，郁闷的是去年也是这个时间发个烧，二年跨进同一条河流。
2，第一次见到年终奖金，虽然没多少。。
3，去年的这个时候我问过自己明年的现在会是怎么样？
最后一天，我依然问：明年现在我会在那儿，过的怎么样？

]]> http://yuehei.37net.com/old/?action=show&id=33 点滴 2008-12-31 20:09 http://yuehei.37net.com/old/?action=show&id=32 qq的评论 月黑风高 看QQ新闻，不小心打开评论了。。
comment.htm?site=news&id=17928206
不是URL重写，完全是异步，之所这样，估计是因为评论经常更新，又想squid之类的前端能缓存住部分页面，不用每次都purge，我劳动的地方就是因为这个原因切成异步

请求三个页面，
guinGrade.php?uin=xxx：返回的jsonp的格式，找到回调方法可以发现，这个页面基本上是一些用户信息，包括发评和自己的
goriginReplyBycid.php：分页的评论
gciteReply.php ：叠楼的那种帖

看了这些可以想到服务端写的有多简单，
guinGrade.php如果让我来写，我肯定会这样guinGrade.php?uin=1,2,3,4，一次查到多个用户的信息返回，之所以不这样写应该是针对用户的ID进行了纵向分割。。

另外一个发现比较好的地方是json的返回，我现在使用json会返回联合数组, 因为有key值JS操纵方便写，但返回的数据量比较大，而且这些key也没有什么意义，可以抛弃只返回基本数组，这样数据量会小不少。

另外一个比较龌龊的地方是，json竟然返回了二个IP，一个最后一位被替换为*，一个则是真实的，估计是给管理员看的

这种方法适合写一些经常被用户更新东西，如BBS，想想全站html，很帅。。只是不知道引擎收录不收录，以现在这种网络环境，引擎应该解释一下网页的异步读取？

]]> http://yuehei.37net.com/old/?action=show&id=32 前台 2008-12-24 21:44 http://yuehei.37net.com/old/?action=show&id=31 有一种冲动 月黑风高 跑到一个地方，隐居几个月，做点自己想做的，魔障

http://www.cwebgame.com/

http://www.cnblogs.com/yahle/

http://www.eb163.com/club/forum-7-1.html

http://hi.baidu.com/seebysee

http://game.ali213.net/viewthread.php?tid=2161026

 update:09/02/23

http://www.ia56.com/

最近常上的。。

]]> http://yuehei.37net.com/old/?action=show&id=31 点滴 2008-12-03 23:23 http://yuehei.37net.com/old/?action=show&id=29 今天太晚了，洗脚睡觉 月黑风高 1。开通后的第一文就是骂明网，这帮XX，让我花了300大洋把数据买回来。

2。这次租了台VPS，说是256M内存，实际上就150M多一点，问客服N天也没反应。后来懒得问了，主要这次用了ngnix， 总共用才了60多M内存，少一点也没关，20多M跑mysql，开启16个cgi，占了快40，可以再少，两nginx进程用了5M，最大连接数是5120，理论上能响应10240个请求。好像是这么算的。我观察一下网站状态，最多也就20多个，是不是浪费了。。看来可以再装个svn

3。这个空間商用centos4，不支持yum，我一点一点的找包好不困难，没想到环境装好了，最大的问题在thinkphp的 PATH_INFO路径模式，我用了至少7，8小时才整好。明天有时间整理一下

]]> http://yuehei.37net.com/old/?action=show&id=29 platform 2008-10-30 22:51 http://yuehei.37net.com/old/?action=show&id=28 天域 - 杨海涛 月黑风高 天域
作词：特艺 作曲：董乐弦 英文词配译：Chelsey Mark


轻轻地 你抚摸着我的脸庞
静静地 把温暖洒在我身上
虽然我看不到你的身影
可是我知道 你就在我的身旁
轻轻地 树叶在微风中歌唱
静静地 远处飘来阵阵花香
虽然没见过你美丽的容颜
可是我知道 你就在我的身旁
我的身旁
歌声里 白云在蓝天上飘过
歌声里 鲜花在草丛中开放
歌声里 我看到了美丽的姑娘
歌声里 我走进广阔的天域
Gently your hands graces my face
Quietly i feel your warmth beside me
Even though i cannot see you
Or your shadow
I know you are right here
Right here with me
With my song
I see white clouds and blue sky
With my song
I see flowers in the fields
With my song
I see a beautiful girl
With my song
I always sing of my paradise
歌声里 白云在蓝天上飘过
歌声里 鲜花在草丛中开放
歌声里 我看到了美丽的姑娘
歌声里 我走进幸福的天堂
歌声里 我走进广阔的天域

http://video.cctv.com/opus/152455.html

]]> http://yuehei.37net.com/old/?action=show&id=28 点滴 2008-09-09 23:13 http://yuehei.37net.com/old/?action=show&id=27 北京有线能收凤凰卫视了？ 月黑风高 可能是中文台，不像资迅台。。光看到鲁豫那有个发型了。。
大小: 257.27 K 尺寸: 500 x 334 浏览: 31 次 点击打开新窗口浏览全图

]]> http://yuehei.37net.com/old/?action=show&id=27 点滴 2008-09-07 21:58 http://yuehei.37net.com/old/?action=show&id=26 ubuntu下svn 月黑风高 我使用dav可以访问，但是整个80下面全是svn，用虚拟主机也不行，没找到问题，感觉配置比较麻烦，换一个简单的用svn协议访问，我把svn目录放在/home/yuehei/svn/

apt-get install subversion
svnadmin create /xxx

我sudo很恶，直接切成root，sudo su root
运行 svnserve -d -r /xxx 守护
配置/svn/conf/svnserve.conf 验证和未验证的权限我配置成下面这样

anon-access = none
auth-access = read
auth-access = write
未验证的人没有任何权限，验证后可以读写，如果想让任何都可以读，直接把第一行去掉
去掉password-db = passwd前面的注释
在/svn/conf/passwd 里面配个密码 ok
如果再想增加别的项目用svnadmin create /xx再建一个
然后重启一下svn的守护进程，搜到用killall svnserve 有点变态

多个仓库和一个仓库加载目录方式式有些不同，找了一篇比较详细的文章:

http://hi.baidu.com/diyit/blog/item/46ea1b4c7ecfa3ffd72afcbd.html

终于好，以后就用虚拟机的环境了。。
大小: 24.21 K 尺寸: 500 x 137 浏览: 30 次 点击打开新窗口浏览全图

update 081109：/root/svn/apps/conf/svnserve.conf:12:Section header expected 

http://svn.haxx.se/users/archive-2004-07/1563.shtml

]]> http://yuehei.37net.com/old/?action=show&id=26 platform 2008-09-07 01:58 http://yuehei.37net.com/old/?action=show&id=25 google出浏览器了 月黑风高 2。内存查看页面也挺有意思，彩蛋：http://www.cnbeta.com/articles/63739.htm
3。我这几天写的js在这个版本下面也没有问题，不过上传框大变样
4。还要我自己手动加<br /> ]]> http://yuehei.37net.com/old/?action=show&id=25 看帖 2008-09-03 20:25 http://yuehei.37net.com/old/?action=show&id=24 addslashes的安全问题 月黑风高
PHP代码
  1. <?php  
  2. $a = "abc's";  
  3. //echo getHex(addslashes($a));  
  4.   
  5. $a = getStr('bf27'); 
  6. echo getHex(addslashes($a)); 
  7. echo ""; 
  8. echo getHex(strip27(addslashes($a))); 
  9.  
  10. function getHex($a) { 
  11.     $len = strlen($a); 
  12.     for ($i = 0; $i < $len; $i++) { 
  13.         $t .= dechex(ord($a[$i])); 
  14.     } 
  15.     return $t; 
  16. } 
  17.  
  18. function getStr($a) { 
  19.     $len = strlen($a); 
  20.     for ($i = 0; $i < $len; $i += 2) { 
  21.         $t .= chr(hexdec(substr($a, $i, 2))); 
  22.     } 
  23.     return $t; 
  24. } 
  25. //不一定正确的二次过滤 
  26. function strip27($str, $encoding = 'gbk') {  
  27.     $len = strlen($str);  
  28.     for ($i = 0; $i < $len; $i++) {  
  29.         if (ord($str[$i]) > 127) {  
  30.             $i++;  
  31.         } else if ($str[$i] == chr(0x27)) {  
  32.             $str[$i] = chr(0x20);  
  33.         }  
  34.     }  
  35.     return $str;  
  36. }  


http://www.cnblogs.com/Safe3/archive/2008/08/22/1274095.html
重装系统之后虚拟机起不了，直接在zs中测试，确实存在问题，
PHP处理字符还是以单字节为单位，所以PHP页面中如果不放中文，可以存成任何编码
addslashes在过滤的时候也是以字节进行过滤的，这就会破坏GBK的序列，逻辑上来说，
即使不注入，使用addslashes也会导致个别字符乱码。
如果数据库是gbk，插入数据库时，数据库0xbf5c当成一个字，这种情况不只在gbk其它多字节的数据库里也应该有问题

update:080901  晕，我一直有个误区，以为gbk的第二个字节是从0开始，BS，实际GBK的范围是在8140-FEFE，这样，0x27不在gbk的范围中，直接使用str_replace替换就OK，谢谢safe3前辈

update:081030 想BS一下自己，因为空間商关门了一直没机会，竟然一直相当然mysql_real_escape_string和addslashes是一样的。

]]> http://yuehei.37net.com/old/?action=show&id=24 PHP 2008-08-31 03:21 http://yuehei.37net.com/old/?action=show&id=23 很有意思的一个CSS滑动层 月黑风高 看一个blog看到的：http://blog.sina.com.cn/s/blog_491de9d60100ad50.html  相当强大，相当有意思，费话少说，帖代码分析

XML/HTML代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">  
  3. <head profile="http://www.w3.org/2000/08/w3c-synd/#">  
  4. <meta http-equiv="content-language" content="zh-cn" />  
  5. <meta http-equiv="content-type" content="text/html;charset=gb2312" />  
  6. <title>test</title>  
  7. <style>  
  8. #newBox {  
  9.        position:absolute;  
  10.        width:240px;  
  11.        height:170px;  
  12.        border:1px solid #CCC;  
  13.        }  
  14. #newContent {  
  15.        margin:0px;  
  16.        width:240px;  
  17.        height:170px;  
  18.        overflow:hidden;  
  19.        }  
  20. #newCaption {  
  21.        position:absolute;  
  22.        left:1px;  
  23.        }  
  24. ul{  
  25. margin:0px;  
  26. padding-left:3px;  
  27. padding-top:40px;  
  28. background:url("http://www.boxstory.cn/Upload/test.gif") no-repeat 1px 1px;  
  29. }  
  30. #a{background-position:1px 1x;}  
  31. #b{background-position:79px 1px;}  
  32. #c{background-position:159px 1px;}  
  33.   
  34. li {         
  35.        padding-left:5px;  
  36.        height:27px;  
  37.        font-size:12px;  
  38.        white-space:nowrap;  
  39.        overflow:hidden;  
  40.        }  
  41. #newCaption a {  
  42.        display:block;  
  43.        float:left;  
  44.        border-right:1px solid #CCCCCC;  
  45.        border-bottom:2px solid #CCCCCC;  
  46.        margin-top:3px;  
  47.        width:78px;  
  48.        height:31px;  
  49.        line-height:31px;  
  50.        text-align:center;  
  51.        font-size:12px;  
  52.        color:#000;  
  53.        text-decoration:none;  
  54.        font-weight:bold;  
  55.        }  
  56. </style>  
  57. </head>  
  58. <body>  
  59. <div id="newBox">  
  60.   
  61. <div id="newCaption">  
  62. <a href="#a" title="">国际新闻</a><a href="#b" title="">娱乐新闻</a><a href="#c" style="border-right:none" title="">体育新闻</a></dt>  
  63. </div>  
  64. <div id="newContent">  
  65.   
  66. <ul id="a">  
  67.        <li><a href="" title="">[国际]JavaScript中的Navigator浏览器对象 </a></li>  
  68.        <li><a href="" title="">[国际]啊的啊的出现在完全都是在娥请问</a></li>  
  69.        <li><a href="" title="">[国际]啊双方就阿斯兰附近达拉斯想佛i按顺序现在</a></li>  
  70.        <li><a href="" title="">[国际]啊上放大上的适当方式大是否</a></li>  
  71.        <li><a href="" title="">[国际]阿斯蒂芬所发生阿斯蒂芬撒旦法</a></li>  
  72.        <li><a href="" title="">[国际]阿斯蒂芬范德萨阿斯顿夫妇撒旦法</a></li>  
  73. </ul>  
  74.   
  75.   
  76. <ul id="b">  
  77.        <li><a href="" title="">[娱乐]得到的暗示飞阿斯顿地方阿斯顿</a></li>  
  78.        <li> <a href="" title="">[娱乐]自行车不能记得分好</a></li>  
  79.        <li><a href="" title="">[娱乐]是大法官的闪电似的的第四个地方</a></li>  
  80.        <li><a href="" title="">[娱乐]都发生过的广大师生范甘迪说的</a></li>  
  81.        <li><a href="" title="">[娱乐]娱乐新闻娱乐新闻娱乐新闻</a></li>  
  82.        <li><a href="" title="">[娱乐]阿斯顿飞洒飞洒都发生多方撒旦</a></li>  
  83. </ul>  
  84.   
  85. <ul id="c">  
  86.        <li><a href="" title="">[体育]撒受到法士大夫</a></li>  
  87.        <li><a href="" title="">[体育]啊上放大撒旦法是大发上的的说法</a></li>  
  88.        <li><a href="" title="">体育]撒旦法受到法士大夫</a></li>  
  89.        <li><a href="" title="">[体育]体啊所得税放大是大势</a></li>  
  90.        <li><a href="" title="">[体育]阿飞洒分萨芬的上放大使发达</a></li>  
  91.        <li><a href="" title="">[体育]受到法上放大的萨芬的萨芬</a></li>  
  92. </ul>  
  93.   
  94. </div>  
  95.   
  96. </div>  
  97. </body>  
  98. </html>  
这个CSS有两个最重要的东西，一个层切换，二是背景换色

层切换：把17，18行去掉，就可以看到它固定了外部容器的大小，根据页内锚点来显示，a,b,c，当定位到a时，bc因为超过容器大小而被隐藏掉了

背景换行：将28行的no-repeat换成repeat就可以很看到它设置了ul的背景，然后根据30,31,32这几行的定位来生成不同的背景

]]> http://yuehei.37net.com/old/?action=show&id=23 前台 2008-08-29 11:19