存档

2008年5月 的存档

认识自己

2008年5月26日 5 条评论

认识自己

我一直以为自己已经足够成熟

特别是经过了事业和爱情的双双失败,一直提醒自己应该沉稳些,再沉稳一些。我一直以为自己已经比过去改变了许多了。

所以一段时间以来,我很乐意让朋友和同学打击我,我的想法是,既然你会失败,那肯定是你不够好,所以需要别人不断的提醒你,指正你。我把所有失败的原因都归结到自己身上–为什么你要这么冲动,为什么你要这么坏脾气,为什么你要一意孤行,为什么你对她不能好点,为什么,为什么为什么……

继而发展到每天沉浸在过去,悔恨似乎是贯穿整个生活的事情,我巴不得自己有个尾巴可以夹起来,然后在脸上挂上“我是白痴、暴躁狂、笨蛋”几个大字。

不管在她面前还是在其它知情(或者不知情)的人面前,我把自己描述成一个一无是处的男人,把自己归到爱情失败者的范围里,巴不得能为她的每件事情都担上自己的责任—-如果她这辈子不幸福,那是我的错;她有任何心情不好的情况都是我引起的;在可预见的将来,如果她不能家庭和睦相敬如宾子孙成群长命百岁,那毫无疑问都是我的错。

直到有一天,周末在家(其实是黄政家的客厅)看电视,偶然看到《奋斗》的几句台词,忘记角色的名字了,一个男人对另一个女人说:我过去都是为你活的,我为了你失去了自我(大概是这些意思)。后面还详细的阐述了他是如何失去自我的。

真是如雷贯耳,豁然开朗,人嘛,为别人活着,能幸福,能快乐吗?再换个角色,如果有个你不喜欢的人为你活着,为你要死要活的,你会不会烦?应该是会的。感情讲究的不就是你情我愿?两情相悦,那也是要“两”情才能相悦,单情如何悦得起来呢。

既然选择了分手,那是她为了自己的的幸福负责,何劳我来负责,负的是哪门子的责哟。真是太过自我感觉良好了。

青蛙说的是,感情的事情,别去说,也别指望别人能帮助你,全都在自己,自己看开了才成。每个人自己都大把的烦心事,别人心情好给你指点两句,还不知道人家说的对不对,心情不好了,那你说个相声开个涮,给人家的生活凭空增加了许多的情趣。

生活简单一点,为自己活着,努力工作,孝敬父母,赚钱去旅行。这不挺好的吗。

至于什么成熟,它爱什么时候来就什么时候来吧。哪天我开始怀念青春的时候,估计我是熟了。

分类: 生活 标签:

JS+CSS实现的二级导航实例。

2008年5月26日 没有评论

这个效果最早是在163出现的,上次在电脑报上也有看到一个
仿着弄了一个
在IE7下正常,没测试别的浏览器。
原理很简单
鼠标经过的时候,把ul的display状态由none变成block。

分类: 工作 标签:

基于 CSS 的 ASCII 艺术

2008年5月7日 2 条评论

ASCII 艺术是一种使用计算机可打印字符(一般为ASCII码中的96个可打印字符)表现图形的一种技术,传统的 ASCII 艺术基于 HTML 代码,然而由于不同浏览器的差别,在一种浏览器下可以完美显示的 ASCII 艺术,到了别的浏览器就面目全非,Web2.0 时代,应该多在 CSS 上做文章,因为目前主流浏览器对 CSS 的支持都非常一致,使用 CSS 实现 ASCII 艺术可以更好地保持不同浏览器间的兼容。

下面这个图很难想象是用 ASCII 艺术做出来的,当然为了简便,我使用的是图片,原始 ASCII 艺术版可在这里看到。

jpeg2css 是一个非常有趣的程序,你提供一副黑白的 JPG 图片给它,几秒种之内,可以为你生成一个 HTML 网页文件,你可以在该网页上看到和源 JPG 图片几乎一模一样的 ASCII 艺术图形,而且是基于 CSS 的,你不用担心该 ASCII 艺术在不同浏览器间的兼容问题。

更多基于 CSS 的 ASCII 艺术 (CSS 原始版可以在这里看到)

jpeg2css 下载地址:
http://www.romancortes.com/ficheros/jpeg2css.zip

分类: 工作 标签:

3种方法实现的圆角边框

2008年5月5日 6 条评论

最近工作种经常要用到圆角的边框,所以就写了几个实现方法,有用图片的,也有不用图片的,估计大家都会,仅仅是做个存档的目的。

预览地址

先看图片,第一种要用到的图片:

第一种方法用的是九宫格技术,原理就是通过背景图片的百分比定位,用四个div进行嵌套,然后给最外层的div背景颜色,这个方法的自适应很好,横向纵向都能自适应。

[html]



圆角边框

佳能EOS450D凭借其装备了1220万像素APS-C尺寸CMOS影像传感器,新的9点自动对焦系统中央一点为十字检测点,搭载了流行的Liveview功能,3英寸LCD,DIGIC III处理器的高性能再加上套机5500左右的市场售价,在入门级数码单反相机中极具吸引力,新加入了点测,反光板预锁等以往在入门级机身上很难出现的功能,可以预测,EOS450D成为入门级市场焦点也是顺理成章的事情。机身做工精细,握持手感好,按键排布合理,操控便捷,人机界面友好,功能强大,性价比高,LCD效果良好,色彩还原准确,ISO100-ISO800成像质量都较为优秀,噪点轻微。

这个圆角框可以自由伸展,四个方向都能自适应(拖动浏览器大小试试)

返回骑士的博客



[/html]

第二种方案比较常见,也比较简单,分做上中下三个部分,固定宽度,高度自适应,现在大部分网站的圆角都使用这个方法来做:

[html]



圆角边框

佳能EOS450D凭借其装备了1220万像素APS-C尺寸CMOS影像传感器,新的9点自动对焦系统中央一点为十字检测点,搭载了流行的Liveview功能,3英寸LCD,DIGIC III处理器的高性能再加上套机5500左右的市场售价,在入门级数码单反相机中极具吸引力,新加入了点测,反光板预锁等以往在入门级机身上很难出现的功能,可以预测,EOS450D成为入门级市场焦点也是顺理成章的事情。机身做工精细,握持手感好,按键排布合理,操控便捷,人机界面友好,功能强大,性价比高,LCD效果良好,色彩还原准确,ISO100-ISO800成像质量都较为优秀,噪点轻微。

这个圆角框可以上下伸展,高度自适应,宽度固定住

返回骑士的博客



[/html]

第三种方法不用到图片,原理是通过div的嵌套和div设置的margin值的递增来实现圆角,代码如下:
[html]



圆角边框

佳能EOS450D凭借其装备了1220万像素APS-C尺寸CMOS影像传感器,新的9点自动对焦系统中央一点为十字检测点,搭载了流行的Liveview功能,3英寸LCD,DIGIC III处理器的高性能再加上套机5500左右的市场售价,在入门级数码单反相机中极具吸引力,新加入了点测,反光板预锁等以往在入门级机身上很难出现的功能,可以预测,EOS450D成为入门级市场焦点也是顺理成章的事情。机身做工精细,握持手感好,按键排布合理,操控便捷,人机界面友好,功能强大,性价比高,LCD效果良好,色彩还原准确,ISO100-ISO800成像质量都较为优秀,噪点轻微。

这个圆角框可以自由伸展,四个方向都能自适应,而且,不用图片

返回骑士的博客



[/html]

—————————分割线————————–
by gemini :

第一种方法是IE6下的一个bug,但是这个bug一般情况下只有在运用了position之后才会产生,这里没有position的存在不知道为什么也会出现,具体原因有待研究。
先说解决方法,
针对IE6给一个HACK
* html p{ position:relative;}
还有一个方法
.lt{ background:#014477 url(http://www.zknight.net//attachments/month_0805/u20085519402.gif) 0 0 no-repeat; zoom:1;}
通过这个方法能够解决来看,还是haslayout的问题

分类: 工作 标签: