从昨天下午开始,我的blog空间就频频出现问题,从开始的load不出所有的图片到最后的干脆不能访问,一直持续到今天早上才慢慢恢复。后来才知道原来是新网的dns服务器遭到黑客攻击,导致30%的网站不能访问,连新网自己的网站也访问不了,也难怪我昨天打电话找客服的时候电话一直是忙音了……………不过我还好,惨痛的是我的一个朋友,他的易登网好像到现在还是没有恢复。。。
......
最近一直在忙活搜狗输入法的皮肤网站,这两天写到了前台数据展现层,结果为了追求页面所有点击都在一个函数内展现出来,我一行一行地构造出来一个我写代码以来最长的函数,一共211行…………..在这个函数里面,用户在客户端对于内容的展现要求都可以被满足,比如说分页、分类别、分下载次数等等等等。
......
╭╮╭╮╭──╮╭╮╭╮╭──╮
│││││╭╮││││││╭╮│
│╰╯││││││╰╯│││││
│╭╮││││││╭╮│││││
│││││╰╯││││││╰╯│
╰╯╰╯╰──╯╰╯╰╯╰──╯
最近给搜狗说吧写了一个插入搜狗酷字的页面,用户可以通过此页面来输入ascII码的艺术字,效果还是非常不错的,效果的具体实现原理涉及到公司秘密就不在这里细说了,主要说一下写页面过程中对用户体验设计的一些体会。
......
用纯css打造星级评分效果正在被越来越多地应用在网络RIA中,结合ajax等技术,可以渲染出很出色的视觉效果和很棒的用户体验,在这篇文章开始之前,大家可以先去cssheaven感受一下。
最近由于项目需要,我在网上找了很多css星级评分的例子和说明,但是发现大多数都是翻译国外的文章,而且解释得并不是非常清楚,所以我决定自己做一个总结,也希望能够给大家一些帮助。
原文地址:
http://komodomedia.com/blog/index.php/2006/01/09/css-star-rating-part-deux/
首先用中文写一下这个效果的算法:
1. 使用背景图片的位置切换来获得星级效果;

2. 整个效果最关键的地方就是“三层理论”,整个效果分为三层——空分层、分数层和打分层,三层的布局均为absolute,以避免ul本身自带的相对布局(当然用div也可以获得同样效果);
3. 空分层就是使用背景图片中的“空星”作为背景,并横向平铺;
4. 分数层的宽度等于(分数*图片宽度)得到的数值,并且使用背景图片中的“分数星(例子中为黄色)”作为背景横向平铺;
5. 打分层就是将5个空链接置于5个星星的位置上(宽度要和背景图片吻合),并将5个a:hover的背景设为“打分星(这里为绿色)”,宽度设为星数*图片宽度,left为0(靠左,这样结合a:hover不同的宽度就可以出现打分效果),垂直坐标小于a的垂直坐标(以确保当前a:hover不会遮挡住其他链接);
......


留言