PLAYUI.com
文章分类
最近更新
查看文章:CSS,PS 玩转UI
2011-11-18 18:02:11 所属分类:CSS,PS 玩转UI
额。。。终于有了自己的主页,做这个主页的目的很简单,就是我希望有自己一个网上的名片,而我不希望是各大网站的个人空间,我想它应该有个独立的域名,并且所有的东西都应该由我控制,所以,我为自己制作了这个站点。
首先,这个站点是用php作为主要语言开发的,然后jquery和html不在话下。本身我的职业只是一个微...


2011-11-18 17:32:36 所属分类:CSS,PS 玩转UI
网页上使用的图片格式有三种,jpg、png、gif。
1、JPG:一般用于展示风景、人物、照片。 总之,就是细节比较多的地方,比如相册。
2、GIF:索引色,最多256色,支持完全透明,有点是容量小,主要用于网页设计中的背景图,css文件中最常引用。
3、PNG:供透明背景,也可...


2011-11-18 16:40:32 所属分类:CSS,PS 玩转UI
CSS,jquery实现图片滚动框
这个效果,相信大家在网上很常见,比如163的新闻图片,用的就是这种效果,本站的相册浏览也是用了这种效果。这里是我个人对这种图片滚动效果的见解,我并没有参考其他网站是如何实现。因为一见到这个效果我便在脑子里大致有了制作思路。
首先是大致的结构如下图所示...


2011-11-18 14:18:43 所属分类:CSS,PS 玩转UI
Css 图片在固定区域内显示(人人网相册缩略图显示)
有时候需要图片在一定区域内显示,因为每个图片的尺寸是不同的,但我们希望所有图片都按统一规格显示,但是又不希望图片拉伸。。。无奈,只能让图片在一定区域内显示,超过这个区域的不可见。
这是人人网的做法:
事实上,通过...


2011-11-18 12:11:14 所属分类:CSS,PS 玩转UI
废话少说,上样式
.tool{_display:none; width:32px;
z-index:9999; height:33px; background:url(../../imgs/default/tool.gif);
position:fixed; right:0px; top:200px;}
.tool_menu{ display:none; top:30px;
right:0px; position:absolute; width:70px; height:auto; background:#ffffff;
border:1px solid...


2011-11-17 16:29:52 所属分类:CSS,PS 玩转UI
咳咳。。。其实,网上关于标签页切换的源码一搜一大片,在许多jquery的插件中也都有这个,这里只是我的个人方法,没兴趣的同学可以换台了,呵呵。。。
首先需要一个大的div0,包含所有的选项卡。
然后需要3个样式放在div0里面:当前标签,默认标签,底部样式:
其中1,2的区别是底部边框...


2011-11-17 14:06:15 所属分类:CSS,PS 玩转UI
有时候我们需要改变鼠标的指针样式,比如超链接时鼠标指针是小手的样子,当然,超链接标签会自动将鼠标换成小手的样式,当我们需要这个功能时,我们需要改变CSS的cursor属性,例如: cursor:pointer;就可以换成手型。当我们需要换成自定义图形的时候,就稍微复杂一点点,cursor:url(http://....cur),auto; 需要做...


2011-11-17 11:42:32 所属分类:CSS,PS 玩转UI
l 不要使用过小的图片做背景平铺。宽高 1px 的图片平铺出一个宽高200px的区域,需要 200*200=40,000 次,占用资源。
l 无边框。推荐的写法是border:none;。如果使用border:0,只是定义边框宽度为零,但边框样式、颜色还是会被浏览器解析,占用资源。
l 慎用“*”通配符。所谓通配符,就是将...


2011-11-16 14:33:03 所属分类:CSS,PS 玩转UI
相册效果在网页和空间中很常见,我来向大家介绍一下简单的制作方法。首先各位看到的是百度空间的相册封面样式,通过chrome查看元素的值,事实上,百度实现这个根本没有用任何css,只通过一个九宫格的table实现的。
现在我将这个table的结构如下解剖,需...

