飘零雾雨的专栏

欢迎到我的主博客:css探索之旅(http://blog.doyoe.com/)

排序:
默认
按更新时间
按访问量

纯CSS构造Tips效果补遗

  其实并不想写这篇文章滴,已经不好玩了。因为之前已经写过一篇类似的文章(纯CSS构造Tips效果),如果需要其它的Tips效果应该都可以在那个基础之上略做修改或扩展。  不过这段时间还是有不少同学问,已经给出原型了,可是。。。  再整一篇,全当是骗点流量:)  [效果演示:http://www....

2008-03-12 15:09:00

阅读数:871

评论数:2

无限制的自由适应的边框

  前几天改一个东东时,看到一个不错的效果,可惜它是用JS做的,有点复杂和麻烦。今天正好没什么事,就整了个用CSS实现的方法,感觉应该会比较实用的。  效果描述:一个容器,有外在表现的一种容器,这个容器要根据自身包含的内容(比如说图片)大小来改变自己的宽高。  {这个框框是借用别人滴,我美工比较差...

2008-03-12 15:07:00

阅读数:949

评论数:0

两种简易的图片切换效果

  选项卡效果已被应用到越来越多的地方,于是更多不同需求的选项卡也就出现了。  没事写了2个简单的图片切换实例,其实是从选项卡实例扩展滴,所以仍使用以前那篇文章(加了点料的选项卡效果)的JS。  实例一演示:[http://www.doyoe.com/model/tabstrip/tabstrip...

2008-03-12 15:01:00

阅读数:498

评论数:0

CSS未知尺寸的图片在容器中垂直居中的方法

如何使得未知大小的图片在容器里垂直居中

2008-03-12 14:57:00

阅读数:590

评论数:0

列表在各浏览器中的表现差异

  CSS总是出人意表,而IE却总是让人意外,这点相信大家都有同感了。  我们今天就说说列表,在讲这个之前,得先了解一些关于列表本身的特性,它们在IE及其它非IE浏览器中的表现差异。  例如,我随便写了一段:无序列表有序列表  然而就这一段普通的代码,在IE及非IE下也有着截然不同的效果(加上bo...

2008-03-07 12:20:00

阅读数:653

评论数:0

奥运年,我再次光顾了神舟

  就在前几天,入手了一台神舟优雅 hp800的笔记本电脑。标题为什么要说“再次”呢?原因很简单,因为之前用来蛮长一段时间的神舟笔记本。对于在外界蜚誉参半的神舟,我不再多加评论,好不好,谁用谁知道。  先来说说此次购机的简单过程:  几年前,大哥购入了一台神舟承运系列的笔记本,我用了几有2年,所以...

2008-03-07 12:13:00

阅读数:423

评论数:0

加了点料的选项卡效果

  补上前篇文章所说的“图二”选项卡实例。  类似的效果,其实我之前已经写过了(不规则背景图片滑动门),这里篇文章主要是为了说明上篇文章的“合理性”及“良好的用户体验”,不阐述其它的问题。  [演示地址:http://www.doyoe.com/model/tabstrip/tabstrip4/5...

2007-11-12 17:29:00

阅读数:1233

评论数:0

对选项卡的合理性及用户体验的几点看法

  看过最早的选项卡其实应该是微软的一些东东,都是一些非常经典的。比如说IE的“Internet 选项”之类的,非常棒。  从“Internet 选项”中,用户可以很清晰的看出当前自己是在浏览哪个区域。“Internet 选项”的“当前”选项按钮和其它不是当前的区分非常明了,你可以一目了然的就知道...

2007-11-08 15:25:00

阅读数:446

评论数:0

另类TabStrip效果(书签应用补遗)

  书签其实还是蛮好玩滴,需要的只是你有时间和兴趣,当前也要有想法:)  之前整理了个用书签弄的简单相册类图片展示效果,稍稍扩展下就弄了个另类的TabStrip,不过上篇提到的几个遗憾还是没很好的解决。本来很久以前就想写,不过一搁下就忘了这事!- -  当前样式使用了一个变通,虽然也不大好,不过了...

2007-11-07 17:54:00

阅读数:497

评论数:0

初来广州之家中失窃

  刚到广州,是朋友来接的,有几年没见到她,样子没什么变化,只是更成熟了些。  一见面,她劈头盖脸就说,这么热的天,你怎么还穿着西服?让我措手不及(本以为这么久没见。。。)我解释到家里和车上都不热,只是下车后才觉得热。  来到她住的地方,把行李都放下,总算可以歇一口气了。这一路都担心行李箱会爆开,...

2007-11-07 17:50:00

阅读数:649

评论数:0

初来广州之火车MM

  初来广州,新地方,人生地不熟,倒是在车上碰上一个能聊上几句的哥们。  哦,貌似不对,还有一个广州本地的MM,两人说了过一个站的时间,帮助偶打发了将近1小时,在此表示感谢:)  MM先问我去哪,我说去广州。  听到我说去广州,MM马上打开了话匣子,然后说她是广州人,家就在岗顶附近,离我上班的地方...

2007-10-31 13:54:00

阅读数:664

评论数:0

有趣的放大镜效果

  闲话先不说,直接看实例先:  [演示地址:http://www.doyoe.com/model/xhtmlcss/style/larger/larger.htm]CSS部分:.larger { width:300px; padding:40px; overflow:auto;}.larger...

2007-10-12 10:29:00

阅读数:568

评论数:0

纯CSS的相册图片展示(书签应用)

  国庆节回来,这回着实是踏踏实实的休息了一次,感觉精神好多了。活是干了一点,不过睡得放心多了。尤其是昨晚的台风影响,感觉好凉爽,一觉居然睡了10个小时。  今天上班把以前写的一个东东整理了一下,不过还是有不少的缺憾在里面,感兴趣的朋友看看就可以了:)  其实这个东东已经有很多人写过了,不过还是把...

2007-10-11 08:59:00

阅读数:1299

评论数:0

怎样的“标题”与“更多”更简洁实用

  怎样的“标题”与“更多”更简洁实用呢?  页面多了,不可避免的就会碰到“标题”与“更多”在一行内的情况。初一看下,这有什么可说的呢?不就是标题更多混写嘛,很简单啊。  是,确实很简单,不过在简单的同时还考虑实用合理的话,或许就有些些麻烦了。  比如,我们要定制一个如下图的“标题”与“更多”(想...

2007-10-10 08:41:00

阅读数:508

评论数:0

规范化的链接样式顺序?

  有的时候文章的相关链接太多了,一时半会不好分辨哪些文章是自己已看过的,哪些又是还没有来得及研读的等等,虽说是个小小的问题,但也得耗费你的一点时间:)  既然只是个小小的问题,解决的方法当然也是极为简单的,所要求的只是一个好记性和熟练程度或者好习惯。   举一例子来说先:  [演示地址:http...

2007-10-09 09:35:00

阅读数:785

评论数:1

纯CSS构造Tips效果

  这几天心情很不好,什么事都不想做,有点莫名其妙,却让人有很疲累的感觉。  不过总这样也不是办法,强行给了自己一个作业,工作最能麻木一个人,实践证明确实非常有道理。  Tips,不知道大家对这个东东感不感兴趣,相信有title,很多人都不愿再去另做这个东东来代替title的显示效果,而我恰恰也在...

2007-09-29 09:55:00

阅读数:692

评论数:0

高固定情况下的水平及垂直居中

  哇,好久没有Blog一下了,最近实在是忙晕了头,当然不仅仅是工作的问题,还有其它的。  今天终于是忙里偷闲,好不容易有点时间更新一下Blog了,却被蜘蛛网似的杂乱无章的引用,留言,评论给搞得不爽,准备等再有时间就把“引用”什么的功能去掉,太多垃圾引用了。  发现好长一段时间或者说一直以来,很多...

2007-09-29 09:54:00

阅读数:549

评论数:0

简单的链接向右下凹陷效果

  链接的效果可以被广大且有才的同学们做成漂亮的乱七八糟,所以我就不再在“漂亮”上较真了:)  重新把曾经一段时间被人们喜爱的“向右下凹陷”的链接效果整理了一下,当个回忆也好...  [演示地址:http://www.doyoe.com/model/xhtmlcss/style/a.htm]COD...

2007-09-29 09:54:00

阅读数:513

评论数:0

不规则背景图片滑动门

     记得很久以前写过一个滑动门菜单的Demo,前些日子写了一种用越发不规则的图片做背景的滑动门菜单,但总有点瑕疵,因为会存在盲点区域,虽然范围很小,几乎可以忽略,但毕竟还是存在。先来看看演示再说。      [演示地址:http://www.doyoe.com/model/xhtmlcss/...

2007-09-29 09:53:00

阅读数:1276

评论数:0

避免和清除宽自适应布局在ie中产生几像素差异的方法

     标题想了半天也想不到一个好的,感觉怎么写怎么长!- -怕是小学时缩句没学好。      今天想说的这个问题应该算是老调重谈了,不过写出来希望会给大家一些帮助,也使我自己不会忘记,毕竟好记性比不上烂笔头。      相信做过宽度自适应布局的同学都碰到过在ie下莫名其妙的多出几像素的问题,我...

2007-09-29 09:51:00

阅读数:637

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭