代码改变世界

随笔分类 -  HTML+CSS

限制textarea 文本框的长度(收集了几个办法)

2012-12-16 11:34 by 随风浪迹天涯, 10111 阅读, 收藏, 编辑
摘要: 文章参考地址:http://blog.csdn.net/nhconch/article/details/4223076需求背景:前几天,因为客户有一个需求说,需要对一个评论(一个textarea文本框)的长度进行限制,简单的理解就是 这个文本框只能输入100个字符,然后就不能在输入了!实现方案一:用maxlength属性 <textarea maxlength="10"></textarea>这个方式很简单的哦,但是 在我这边测试的时候,并不能完全兼容主流浏览器兼容性效果如下:IE8Firefox 17Chrome 23不兼容兼容兼容实现方案二:用j 阅读全文

CSS3中Color的一些事

2012-05-20 22:52 by 随风浪迹天涯, 551 阅读, 收藏, 编辑
摘要: 1.CSS 简介CSS(Cascading Style Sheets),我们都不陌生吧。特别是我们在开发web项目的时候,用的更是不亦乐乎。可是,你知道吗?CSS(注意 也就是CSS1)是在1996年的时候产生的标准,也就是到现在时隔(2012-1996)差不多15年的历史。毕竟时间在一直的走嘛,现在CSS3也在使用中,不过需要注意的是,CSS3并非是W3C的一个标准,它现在依旧是草案(Working Draft)状态,而不是最终的稳定版---W3C推荐。据目前所知,CSS3已经增加了40多种模块(Module),既然还是草案,所以以后就还有增加的可能。所以,用我们的祈祷吧,希望CSS3赶快成 阅读全文

CSS3 必须要知道的10 个顶级命令

2012-04-23 15:17 by 随风浪迹天涯, 15667 阅读, 收藏, 编辑
摘要: 1.边框圆角(Border Radiuas)这个是我们在平常很常用的吧,以前我在用div圆角的时候,特别特别的痛苦,不管是用CSS来画圆角,还是用图片来画圆角都不那么容易,但是现在好了,在CSS3中,直接只需要如下面饿代码,就能做出美轮美奂的圆角效果了~~~#box1 {border: 1px solid #699;/* for Mozilla Firefox */-moz-border-radius: 20px;/* for Safari & Google Chrome */-webkit-border-radius: 20px;} 实例效果图:2.盒阴影(Box Shadow)就是 阅读全文

CSS必须要知道的10个技巧

2012-04-09 12:56 by 随风浪迹天涯, 1071 阅读, 收藏, 编辑
摘要: 1.css font的简写规则当我们写字体样式的时候,我们也许会这样子写font-size: 1em;line-height: 1.5em;font-weight: bold;font-style: italic;font-varient: small-caps;font-family: verdana,serif其实,这样写是完全多余的,我可以只用font 来写就OK了。比如:font: 1em/1.5em bold italic small-caps verdana,serif2.把几个class属性写在一起。通常情况写,属性里面的class只有一个值,但这并不是意外着你只能给它赋一个cl 阅读全文

平安夜分享2款下拉菜单(CSS版本和JQuery版本)

2011-12-24 17:28 by 随风浪迹天涯, 960 阅读, 收藏, 编辑
摘要: 昨天有一个同事,叫我帮忙,说他需要一个下拉菜单,叫我帮他整个出来。我说没问题啊,中午花了点时间,然后就给它弄了一个CSS样式的(这个这个是我 以前弄好的,一直收藏着,就拿出来改了改 给他了)。可是,昨天下班的时候,他说他还想看一看jquery实现的下拉菜单,呵呵,我说你老兄可真够贪心的,不过 既然人家都说了,我昨天晚上就整了一个jquery的下拉菜单。其实,2个版本都很简单。希望对各位看官有帮助。HTML coed:2个都运用下面的这个HTML代码作为演示实例:<div id="div" class="menu"> <ul> &l 阅读全文

光棍节奉献10款chart插件 节日快乐.

2011-11-11 09:29 by 随风浪迹天涯, 954 阅读, 收藏, 编辑
摘要: 首先祝各位木有女朋友或者木有男朋友的朋友节日快乐,希望明天过后能有情人终成眷属。。哈哈!~因为最近的项目需要用到chart制作先关的表格,所以特此从网上找了点资料,希望对各位园子里的朋友们有许些帮助,我就很开心了。1.flot chart【推荐指数:★★★★】URL:http://code.google.com/p/flot/简介:flot是一款基于JavaScript 纯净的JQuery类库,flot可以根据客户端的数据产生任意的图形。对它的使用很简单,所有的操作都是可选的。它的外观很漂亮以及具有非常好的交互能力,比如放大镜效果或者说鼠标移动效果。2.Flotr JavaScript Plo 阅读全文

纯CSS开发的两级菜单模型

2011-06-28 09:55 by 随风浪迹天涯, 344 阅读, 收藏, 编辑
摘要: 自从做完毕业设计,好久都没有折腾过DIV+CSS了,虽然CCS里面的属性就那么几个,可是要是真认真研究出来,其实还是可以做出蛮多的东西的呢!~特别CSS ,在网上看到太多有关它的“光荣事迹”,特别的牛气哄哄。所以说,对它顶礼膜拜一点也不过分。其实,参照《W3C标准深入体验》 CSS做二级菜单,网上也很多,今天我也在这里班门弄斧一下。我想说的是,用CSS 开发 级联的二级菜单,其实不算难,只要理解几个东西。比如 当一进入的时候,把子菜单给隐藏了;当把鼠标移动到父级菜单的时候,把它下面的子菜单给显示出来;还有就是我觉得很重要的就是要比较深刻的理解 绝对定位(absolute)和相对定位(relat 阅读全文