Archive for the ‘HTML/CSS’ Category

35款优秀的开源网页图表创建工具

April 14, 2012 by SLJ | Category:Design, HTML/CSS, Javascript | No Comment 417

Flot

Flot一个纯javascript绘画库,基于jQuery开发。它能够在客户端根据任何数据集快速生成图片。目前只能绘制线状图和柱状。

More »

JavaScript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)

December 23, 2010 by SLJ | Category:HTML/CSS, Javascript | 1 Comment 2,868

转载一篇,这个有的时候还是很有用的,所以收藏一下

1、判断select选项中 是否存在Value=”paraValue”的Item
2、向select选项中 加入一个Item
3、从select选项中 删除一个Item
4、删除select中选中的项
5、修改select选项中 value=”paraValue”的text为”paraText”
6、设置select中text=”paraText”的第一个Item为选中
7、设置select中value=”paraValue”的Item为选中
8、得到select的当前选中项的value
9、得到select的当前选中项的text
10、得到select的当前选中项的Index
11、清空select的项

More »

20个jQuery新效果

October 29, 2010 by SLJ | Category:HTML/CSS, Javascript | 3 Comments 3,936

本文将介绍20个最新的jQuery效果,还有值得一提的是8月份jQuery 发布移动设备版本 jQuery Mobile

More »

关于几种文本替换技术-CSS3, sIFR, Typeface.js, cufon

July 31, 2010 by SLJ | Category:HTML/CSS, Javascript | 6 Comments 5,326


在现今的开发中,客户对页面中字体的显示效果越来越重视,尤其是标题文字。以往采用的方法是使用静态图片,但因为图片中文字不是动态的,采用一种新的方式尤为重要,下面是4种文字替代技术。

More »

CSS中的RGBa色彩

July 30, 2010 by SLJ | Category:HTML/CSS | 2 Comments 3,133


RGBa是一种在CSS中声明包含透明效果的颜色的方法,它的语法是这样的:


div {
   background: rgba(200, 54, 54, 0.5);
}

它允许我们为元素添加透明色。或许我们习惯了使用”opacity“,它很简单易用,但是,opacity会使所有的子元素都变成透明的,而且很难去解决这个问题。

More »

HTML5新功能演示

May 1, 2010 by SLJ | Category:HTML/CSS | 1 Comment 1,943

HTML5新功能演示

这是一个HTML5新功能的演示文档,几乎包括HTML5所有激动人心的新功能的简介和DEMO。
IE系列浏览器无法浏览,firefox、opera等浏览器只能使用部分功能,如果想100%演示成功,请使用最新版的“谷歌浏览器(Google Chrome)”,建议使用最新版。
More »

用CSS修正一切:20多个常见Bug及其修正方法

April 20, 2010 by SLJ | Category:HTML/CSS | 1 Comment 1,095

用CSS修正一切:20多个常见Bug及其修正方法

毫无疑问,一个合理的布局和结构是最好选择。这不仅是因为你的布局在不同浏览器见表现不同,而且还因为的CSS有很多方法来布局你的每个元素。今天,我们希望与你们分享一些避免在创建CSS布局时容易遇到的错误的技巧。

More »

15个Google为网站开发者打造的工具

April 18, 2010 by SLJ | Category:Design, HTML/CSS | No Comment 669

15个Google为网站开发者打造的工具

Google 的使命是 Web,在 Google 眼中,未来的一切应用都将 Web 化,一直以来,Google 为 Web 开发与设计者推出了大量免费工具,让他们更好地创建,维护,改善他们的 Web 站点,这些工具包含了开发,分析,维护,修补等等用途,本文将介绍15款这样的工具。

More »

转:使用 Dojo 开发离线应用

April 4, 2010 by SLJ | Category:HTML/CSS, Javascript | No Comment 491

Dojo 离线功能简介

所谓离线,指的是用户能够在没有网络的环境下也可以进行工作,并且当网络环境恢复后,之前的操作能够自动地同步到服务器上。目前,离线应用可以分为两种,一种是桌面应用,其中以 IBM Lotus Notes 为代表。另外一种则是近来比较热门的 Web 离线应用,其中最具代表的为 Google 的离线应用,如 Google Docs, Gmail, Google Reader 等。而本文介绍的 Dojo 离线功能,则是目前最为流行的实现第二种离线应用的框架。

More »

使用回车键提交网页表单的条件

March 29, 2010 by SLJ | Category:HTML/CSS, Javascript | No Comment 444

回车键提交表单是我们经常操作的一个动作,而什么条件下能使回车键提交却很少有人关心!

我们有时候希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此。比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。

要控制这些行为,不需要借助JS,浏览器已经帮我们做了这些处理,这里总结几条规则:
1、如果表单里有一个type=”submit”的按钮,回车键生效。
2、如果表单里只有一个type=”text”的input,回车键生效。
3、如果按钮不是用input,而是用button,并且没有加type,IE下默认为type=button,FX默认为type=submit。
4、其他表单元素如textarea、select不影响。

实际应用的时候,要让表单响应回车键很容易,保证表单里有个type=”submit”的按钮就行。而当只有一个文本框又不希望响应回车键怎么办呢?我的方法有点别扭,就是再写一个无意义的文本框,隐藏起来。根据第4条规则,我们在用button的时候,尽量显式声明type以使浏览器表现一致。

一个demo,列出了一些例子

↑ Top