- 浏览: 153519 次
- 性别:
- 来自: 北京
最新评论
-
f308185993:
123123[size=xx-small][color=dar ...
在HTML的text input控件获取焦点时设置背景颜色 -
crackajack_zg:
good ,很简单的代码、
用JQuery改变图片的透明度 -
qq184234675:
求jquery1.9+的
用JQuery改变图片的透明度 -
demonzoo:
很奇怪,我刚试了无数次,在本地直接打开就是无法弹出提示。后来我 ...
用HTML5产生操作系统通知 -
demonzoo:
为什么我在chrome下无法显示通知内容,无论按哪个按钮都是弹 ...
用HTML5产生操作系统通知
文章列表
下面的例子展示了你如何利用CSS3创建用户可以改变大小的DIV容器。通过设置resize和overflow样式。
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.isResizable {
background: rgba(255, 0, 0, 0.2);
font-size: 2em;
...
HTML5中交替变换表格的行颜色
- 博客分类:
- HTML5
下面的例子展示了你如何交替展示表格的行的颜色。使用CSS3中的 nth-child(event)和nth-child(odd), CSS3的伪选择器。
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
#table1 {
width: 100%;
}
thead {
back ...
下面的例子展示了你如何动态加载和解析一个外部的JSON对象,使用了AJAX和HTML5的JSON.parse()方法。
<!DOCTYPE HTML>
<html>
<head>
<title>Simple AJAX .JSON load example</title>
</head>
<body>
<form>
<input id="btn"
type="butto ...
更多图书 http://ebooks.wavesnows.com
O'Reilly.HTML5.Up.and.Running HTML5的一本好书
图书下载:
O'Reilly.HTML5.Up.and.Running.PDF
下面的例子展示了如何在在HTML5中截取text。通过设置 text-overflow 样式为“ellipsis”。
<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css">
.truncated {
color: red;
overflow: hidden;
text-overflow: ellipsis;
...
下面的例子展示了如何在在HTML5中用JQuery设置HTML中Element的颜色。用JQuery 和 CSS()方法 。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p id="debug">The quick brown fox gets replaced by jQuery.</p>
<input type="button" value="Set colo ...
虽然这本书是英文原版的,但是代码和插图不少,插图是全彩的哦。基本上能够读懂,如果有需要的,还是看看吧。
Focal.Press.Flash.Mobile.Developing.Android.and.iOS.Applications.Mar.2011.rar
下面的例子展示了如何在在HTML5中用JQuery设置HTML中Element的内容。用JQuery 和 html()方法 。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p id="debug">The quick brown fox gets replaced by jQuery.</p>
<input type="button" value="Set date" oncl ...
下面的例子展示了如何在在HTML5中通过geolocation API 获取用户的位置(经度,纬度)。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function body_onLoad() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(geo_o ...
下面的例子展示了如何在ProgressBar UI 小部件上监听完成事件。
<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.goo ...
下面的例子展示了如何在ProgressBar UI 小部件上通过JQuery设置value选项来设置它的value。
<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src=&qu ...
下面的例子展示了,如何给INPUT和TEXTAREA标签通过设置attribute。
<!DOCTYPE html>
<html>
<body>
<table>
<tr>
<th>Username:</th>
<td><input id="usrnm" type="email" name="username" placeholder= ...
下面的例子展示了,如何使用<FIELDSET>给元素分组, 如何使用<LEGEND>标签。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<fieldset>
<legend>Comments form</legend>
<table>
<tr>
<th>Userna ...
下面的例子展示了,如何使用FIELDSET的disable属性。
<!DOCTYPE html>
<html>
<body>
<fieldset disabled>
<legend>Comments form</legend>
<table>
<tr>
<th>Username:</th>
<td>&l ...
下面的例子展示了,你如使用CSS来改变HTML5的Fieldset标签的legend。
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
label {
color: #F00;
}
legend {
color: #F00;
font-family: "Comic Sans MS";
...