2008年05月07日
看了别人的效果也模仿写的，那个function $（）h函数真不错，我一开始还在找jquery的引用呢，后来发现原来是他自己写的函数，呵呵。
贴出重点，预览可以看最下面
function $(id){
return document.getElementById(id);
}
function openH(){
if (hMax==false){
down=setInterval(function(){
starH += Math.ceil((200-starH)/5);
$("wrap").style.height=starH+"px";
if ( starH >= 200){
clearInterval(down);
}
},1);
hMax=true;
}else{
up=setInterval(function(){
starH -=Math.ceil((starH/5));
$("wrap").style.height=starH+"px";
if(starH <=25){
clearInterval(up);
}
},10);
hMax=false;
}
}
2008年04月25日
在经典论坛又看到一个效果，最近喜欢上了前台，也把这个效果给学习了一下，并且增加了一些新的东西。咋们先看效果吧
效果其实很简单，就是一个登陆框，类似鲜果的登陆。不过鲜果做到了在FF下还是一样的半透明效果，我还未增加此效果。我在代码上面做了些注释，放上来，大家一起学习下，感觉代码还能再精简，可惜小弟不才，希望高手能够改善。
查看全文 »
2008年04月16日
我从很多朋友的口中都听到过“网站设计还是用英语比较好”。
当然，这点我不否认，但是既然母语是中文，那还是应该使用中文来做，毕竟看着习惯也喜欢。
那么如何优化中文文字的在网页中显示？
近期我在逛网站的时候，找到了几篇文章。分享并摘录一些里面的重点：
《网站中文字的视觉设计》
1.
字体的单位用em而不用px，尽管12px和0.8em大小差不多。
updete:感谢网友 Dreamcolor 推荐文章 95%的中国网站需要重写CSS ，该文很详细的解释了px和em的差别和原理。这点写之前是我想当然了，没有深入理解em单位。只看到很多用em的视觉效果不好看，现在明白了，是因为没有把em单位和px对上号。结论是应该用em而不是px，但需要把em的值设置好。
2.
在css文件body中的font-family里面保证”宋体”前面有Arial或者verdana，个人推荐这么写：font-family:Helvetica,Georgia,Arial,sans-serif，宋体。这样能保证你界面中的字母、数字、符号看上去美观一些，更重要的是更加易读。
3.
子条 说：12号宋体时，我们一般使用18-20像素的行距。14号宋体通常使用22-24像素的行距。
很赞同，这个行距大小随着单行字数的多少而上下浮动。我认为12px字如果单行字数少的话，17也是可以接受的。
4.
正文一行字数最好不超过50，首页的标题文字以8-20字为佳。
12和14px字相对来说最精致，13px在需要的时候可以做正文字，word里面默认的字的大小相当于网页的13px字。
5.
对于一段文字，尤其是正文部分，保证左右至少有15px的留白，便于用户换行时不受到干扰。
文字和背景对比要足够明显，保证最弱文字的可读性。
查看全文 »
2008年04月07日
这一天，你也可以裸奔。嘿嘿。。
CSS Naked Day是为了推广CSS标准的，意思就是在这一天，把你网站的CSS拿掉，不再使用CSS，看看你的网站会是个什么样子。相信在CSS使用越来越多的今天，如果没有css ，所有网站都会黯然无光的！
The idea behind this event is to promote Web Standards. Plain and simple. This includes proper use of (x)html, semantic markup, a good hierarchy structure, and of course, a good ‘ol play on words. It’s time to show off your
.
活动官方 ：http://naked.dustindiaz.com/
如果你是wordpress也想参加CSS裸奔。那么也可以使用这个插件
http://www.ajalapus.com/downloads/css-naked-day/
2008年03月06日
看到经典论坛的一个帖子《关于dl dt dd写法》里面谈到了 dl和ul/ol之间的区别。由于之前工作上很少用到dl，对于dl也是一知半解，于是就查资料。。。
查看全文 »
1个评论 标签: css , html , javascript , js