摘要:3月6日修改:感谢园友“猪如此累”和“平平”的建议,现已修正图片滚到最后一张时跳到第一张的问题,改为滚到第5张时倒序返回。谢谢大家的意见,今晚改的时候有不少收获~~~! 以前写js的时候,可能所需的功能也比较简单,所以一直使用常规方法(面向过程),有的时候写到后面都不知道自己都写了写什么,虽然有时候效果能勉强实现,可是一看code就惨不忍睹。今天算是真正领教到了OPP的强大,代码易读、可移植性强......等等特点,可就是在实现的过程中那叫一个痛苦(至少偶现在的水平来说是的),真正写code没用多少时间,大部分的时间都在想,这让我联想到了前几天投简历面试时面试官和我说的那样,他当时就说写js重 阅读全文
posted @ 2011-03-04 19:36 chemdemo 阅读(9642) 评论(18) 推荐(10) 编辑
摘要:参考zhangxinxu的“告别图片—使用字符实现兼容性的圆角尖角效果beta版”,写的一个使用字符实现圆角的效果。 当今WEB设计是一个追求性能的时代,多一张图片就意味着多一次HTTP请求,使用css设计一些简单的效果代替图片,我觉得是一种听起来就很“鸡冻”的做法,终于可以摆脱设计的瓶颈,把主动权把握在自己手里了,呵呵。在这里只是抛砖引... 阅读全文
posted @ 2010-10-21 23:05 chemdemo 阅读(1594) 评论(6) 推荐(3) 编辑
摘要:文本主要展示CSS content及其相关的属性的一些使用技巧:•:before和:after伪元素•content属性•CSS quotes与content属性的结合使用•计数器它们的基本介绍请参考:CSS content, counter-increment 和 counter-reset介绍及用法1、插入生成内容 使用:before 和:after伪元... 阅读全文
posted @ 2010-08-28 17:30 chemdemo 阅读(1929) 评论(3) 推荐(1) 编辑
摘要:给菜鸟看的,老鸟飘过~我们在做导航条的时候,通常使用的办法是用一个盒子包住一个无(有)序列表的办法,比如有如下所示HTMl代码:当做的是水平导航条时,有以下三种办法:1、对ul使用"text-align: center;"的办法,然后把li转换为inline元素,设置内外边距可以得到效果,代码如下:这里说明一下,为了更直观的展现是否居中,我给.demo这个盒子添加了边框,给每个<li>... 阅读全文
posted @ 2010-08-06 16:05 chemdemo 阅读(3452) 评论(2) 推荐(1) 编辑
摘要:1、元素选择器:往往是HTML元素,也可能是XML定义的元素,举例:2、通配选择器,它为页面中所有元素添加样式,就像是一个通配符,举例:3、类选择器:多的不废话,说一下多类选择器吧,举例:有如下HTML代码:CSS风格如下:在非IE6下面,CSS里如果有.warning.urgent.help这类的选择器,它只匹配同时包含waring,urgent和help三个类的HTML元素,而HTML中诸如c... 阅读全文
posted @ 2010-07-27 21:52 chemdemo 阅读(707) 评论(0) 推荐(0) 编辑