zlpx1983-CSDN博客

在容器内使用CSS设置背景颜色

下面的例子展示了你如用CSS3展示当用鼠标经过的时候，改变背景的颜色。<!DOCTYPE HTML><html><head> <title>Setting a background color hover on a container using CSS</title> <style type=...

2012-03-19 13:02:57 554

用CSS3在一个容器中使用特定的圆角

下面的例子展示了你如何使用CSS3在HTML容器中设置一个特定的圆角半径。使用border-top-left-radius 和border-bottom-right-radius样式。<!DOCTYPE HTML><html><head> <title>Rounding specific corners on a co...

2012-03-18 22:56:58 253

用CSS3生成多列文本流

下面的例子展示了你如何生成多列文字的布局。通过设置column-count 。 <!DOCTYPE html><html><head> <title>Creating multi-column text flows using CSS3</title> <style type="text/c...

2012-03-18 22:51:47 180

用HTML5的本地存储功能

下面的例子展示了在HTML5应用程序中你如何保存数据在客户端本地，使用localStorage属性。 <!DOCTYPE HTML><html><head> <title>Using local storage in HTML5</title></head><body onload="

2012-03-09 18:43:14 133

用HTML5产生操作系统通知

下面的例子展示了你如何产生系统的通知。使用HTML5中的Notifications API 和Google Chrome浏览器. <!DOCTYPE HTML><html><head> <title>Creating OS notifications in HTML5</title></head&...

2011-12-13 15:07:32 330

原创利用CSS3创建用户可以改变大小的DIV容器

下面的例子展示了你如何利用CSS3创建用户可以改变大小的DIV容器。通过设置resize和overflow样式。 <!DOCTYPE html><html><head> <title></title> <style type="text/css"> .isResi

2011-11-30 19:01:23 260

HTML5中交替变换表格的行颜色

下面的例子展示了你如何交替展示表格的行的颜色。使用CSS3中的 nth-child(event)和nth-child(odd)， CSS3的伪选择器。 <!DOCTYPE html><html><head> <title></title> <style type="text/css"&g

2011-11-13 22:57:53 1501

HTML5中用AJAX动态加载JSON文件

下面的例子展示了你如何动态加载和解析一个外部的JSON对象，使用了AJAX和HTML5的JSON.parse()方法。 <!DOCTYPE HTML><html><head> <title>Simple AJAX .JSON load example</title></head><...

2011-11-08 14:20:46 796

原创 O'Reilly.HTML5.Up.and.Running HTML5的一本好书

更多图书 http://ebooks.wavesnows.com O'Reilly.HTML5.Up.and.Running HTML5的一本好书图书下载： O'Reilly.HTML5.Up.and.Running.PDF

2011-11-06 21:16:01 143

HTML5中截取文字

下面的例子展示了如何在在HTML5中截取text。通过设置 text-overflow 样式为“ellipsis”。 <!DOCTYPE html><html lang="en"><head> <style type="text/css"> .truncated { colo...

2011-11-01 21:37:51 344

用JQuery改变HTML中Element的text颜色

下面的例子展示了如何在在HTML5中用JQuery设置HTML中Element的颜色。用JQuery 和 CSS()方法。 <!DOCTYPE html><html><head></head><body> <p id="debug">The quick brown fox g

2011-11-01 21:29:47 373

原创 Flash移动开发的一本好书Android&IOS

虽然这本书是英文原版的，但是代码和插图不少，插图是全彩的哦。基本上能够读懂，如果有需要的，还是看看吧。 Focal.Press.Flash.Mobile.Developing.Android.and.iOS.Applications.Mar.2011.rar...

2011-10-27 13:25:19 77

用JQuery设置HTML中Element的内容

下面的例子展示了如何在在HTML5中用JQuery设置HTML中Element的内容。用JQuery 和 html()方法。<!DOCTYPE html><html><head></head><body> <p id="debug">The quick brown fox gets repl

2011-10-27 13:23:25 457

HTML5中使用geolocation API获取用户的位置

下面的例子展示了如何在在HTML5中通过geolocation API 获取用户的位置（经度，纬度）。 <!DOCTYPE html><html><head> <script type="text/javascript"> function body_onLoad() { i...

2011-10-27 13:20:02 195

在JQuery监听Progressbar UI小部件的完成事件

下面的例子展示了如何在ProgressBar UI 小部件上监听完成事件。 <!DOCTYPE html><html><head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="sty...

2011-10-27 12:57:47 222

在JQuery中开始使用Progressbar UI小部件

下面的例子展示了如何在ProgressBar UI 小部件上通过JQuery设置value选项来设置它的value。 <!DOCTYPE html><html><head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquer...

2011-10-26 12:22:22 119

HTML5 给input和textarea HTML标签增加 prompt

下面的例子展示了，如何给INPUT和TEXTAREA标签通过设置attribute。 <!DOCTYPE html><html><body> <table> <tr> <th>Username:</th> &

2011-10-26 12:22:07 644

HTML5 使用fieldset 标签给元素分组

下面的例子展示了，如何使用<FIELDSET>给元素分组, 如何使用<LEGEND>标签。 <!DOCTYPE html><html><head></head><body> <fieldset> <legend

2011-10-25 14:14:19 257

HTML5 使用fieldset 标签disable属性

下面的例子展示了，如何使用FIELDSET的disable属性。<!DOCTYPE html><html><body> <fieldset disabled> <legend>Comments form</legend> <table>

2011-10-25 14:14:06 642

HTML5 使用CSS 格式化fieldset容器的Legend

下面的例子展示了，你如使用CSS来改变HTML5的Fieldset标签的legend。 <!DOCTYPE html><html><head> <style type="text/css"> label { color: #F00; } ...

2011-10-25 13:25:03 189

使用CSS3样式Child选择器

使用（>）符号。 <!DOCTYPE html><html><head> <style type="text/css"> body > p { color: red; } </style></head&am

2011-10-24 13:43:55 214

使用CSS3样式相邻选择器

使用（+）符号。 <!DOCTYPE html><html><head> <style type="text/css"> h2 + p { color: red; } </style></head>&

2011-10-24 13:39:25 235

原创用CSS3设置mailto：像网页中使用css一样

下例显示了你可以怎样设计mailto:超链接的网页使用CSS属性选择器。 <!DOCTYPE html><html><head> <style type="text/css"> a[href^='mailto:'] { color: green; } ...

2011-10-24 13:31:01 448

原创用JQuery寻找页面所有的电子邮箱地址

下面的例子展示了如何使用JQuery找到所有的电子邮箱地址。 <!DOCTYPE html><html><head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js">...

2011-10-24 13:22:05 421

HTML5内联编辑

下面的例子展示了使用div的内联编辑模式。 <html> <head> <title> Editable &lt;div&gt; Element </title> <script type="text/javascript"> fu

2011-10-24 09:22:01 166

用 JQuery隐藏内容

下面的例子展示了，你如何用JQuery动态显示和隐藏一段内容。使用hide(), show()和toggle()函数。 <html><head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.j...

2011-10-23 21:35:23 118

原创在HTML中的一个对象应用多个 class 名称

下面的例子展示了你如何应用多个CSS class名称给一个HTML对象。通过在HTML中设置class属性，或者在JavaScript设置className 属性。 <!DOCTYPE html><html><head> <title>Applying multiple class names to an object...

2011-10-23 21:27:59 2926

在HTML5中利用Canvas画图

下面的例子展示了如何利用Canvas画图。可以在FF和Chrome等浏览器下查看。 <!DOCTYPE html><html><head><title>Canvas Example</title><script type="text/javascript">function loa

2011-10-23 17:52:48 163

原创用JQuery改变图片的透明度

下面的例子展示了你如何改变项目的透明度。当鼠标滑过<img>标签时，用hover()函数设置透明度样式。 <!DOCTYPE html><html><head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqu...

2011-10-23 16:50:58 3613

在JQuery 中用fadeToggle()设置动画的持续时间

的例子展示了，你如何利用fadeToggle()设置渐变动画的持续时间。 <!DOCTYPE html><html><head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"&...

2011-10-23 16:02:02 1076

星云互动