zlpx
- 浏览: 156444 次
- 性别:
- 来自: 北京
-
最新评论
-
f308185993：
123123[size=xx-small][color=dar ...
在HTML的text input控件获取焦点时设置背景颜色 -
crackajack_zg：
good ，很简单的代码、
用JQuery改变图片的透明度 -
qq184234675：
求jquery1.9+的
用JQuery改变图片的透明度 -
demonzoo：
很奇怪，我刚试了无数次，在本地直接打开就是无法弹出提示。后来我 ...
用HTML5产生操作系统通知 -
demonzoo：
为什么我在chrome下无法显示通知内容，无论按哪个按钮都是弹 ...
用HTML5产生操作系统通知
文章列表
使用 （>）符号。
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body > p {
color: red;
}
</style>
</head>
<body>
<h1>body > p CSS test</h1>
<h2>[s1] Section ...
使用 （+）符号。
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
h2 + p {
color: red;
}
</style>
</head>
<body>
<h1>h2+p CSS test</h1>
<h2>[s1] Section 1</h2&g ...
下例显示了你可以怎样设计mailto:超链接的网页使用CSS属性选择器。
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
a[href^='mailto:'] {
color: green;
}
a[href^='mailto:']:before {
color: red;
content: "Emai ...
下面的例子展示了如何使用JQuery找到所有的电子邮箱地址。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$(f ...
下面的例子展示了使用div的内联编辑模式。
<html>
<head>
<title>
Editable <div> Element
</title>
<script type="text/javascript">
function showSource()
{
var content = document.getElementById
(&quo ...
下面的例子展示了，你如何用JQuery动态显示和隐藏一段内容。使用hide(), show()和toggle()函数。
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<style type="text/css">
p#par ...
下面的例子展示了你如何应用多个CSS class名称给一个HTML对象。通过在HTML中设置class属性，或者在JavaScript设置className 属性。
<!DOCTYPE html>
<html>
<head>
<title>Applying multiple class names to an object in HTML</title>
<style type="text/css">
.sty1 {
fon ...
下面的例子展示了如何利用Canvas画图。可以在FF和Chrome等浏览器下查看。
<!DOCTYPE html>
<html>
<head>
<title>
Canvas Example
</title>
<script type="text/javascript">
function loader()
{
var canvas = document.getElementById
('canvas');
var canvas1 = canvas.getContext( ...
下面的例子展示了你如何改变项目的透明度。当鼠标滑过<img>标签时，用hover()函数设置透明度样式。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script text="text/javas ...
的例子展示了，你如何利用fadeToggle()设置渐变动画的持续时间。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
</head>
<body>
<div id="nav" ...