易截截图软件、单文件、免安装、纯绿色、仅160KB

html弹出提示框并实现拖动的源码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type" />
<title>简单的测试页面</title>
<mce:style type="text/css"><!--
html {
height: 100%;
}
body {
margin: 0px;
padding: 0px;
height: 100%;
}
#dt_3 {
cursor: pointer;
}
div#mbDIV {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #000;
z-index: 10;
filter: alpha(opacity=50);
opacity: 0.5;
}
div#loginDIV {
position: absolute;
width: 300px;
height: 150px;
background-color: #FFFF00;
z-index: 20;
}
div#loginTopDIV {
width: 100%;
height: 20px;
background-color: #FF0000;
cursor: move;
}
--></mce:style><style type="text/css" mce_bogus="1">html {
height: 100%;
}
body {
margin: 0px;
padding: 0px;
height: 100%;
}
#dt_3 {
cursor: pointer;
}
div#mbDIV {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #000;
z-index: 10;
filter: alpha(opacity=50);
opacity: 0.5;
}
div#loginDIV {
position: absolute;
width: 300px;
height: 150px;
background-color: #FFFF00;
z-index: 20;
}
div#loginTopDIV {
width: 100%;
height: 20px;
background-color: #FF0000;
cursor: move;
}</style>
<mce:script type="text/javascript"><!--
function show(ele)
{
eval(ele + ".style.display = ''");
}
function hidden(ele)
{
eval(ele + ".style.display = 'none'");
}
// --></mce:script>
</head>
<body>
<div style="overflow: hidden;" mce_style="overflow: hidden;">
<h3>请点击 --> 03号拖拉机</h3>
<p id="dt_1">01号拖拉机</p>
<p id="dt_2">02号拖拉机</p>
<p id="dt_3">03号拖拉机</p>
<p id="dt_4">04号拖拉机</p>
<p id="dt_5">05号拖拉机</p>
<p id="dt_6">06号拖拉机</p&


相关文档:

HTML特效代码大全

1)贴图:<img src="图片地址">
2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a>
3)在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a>
消除连接的下划线在新窗口打开连接:
<a href="相关地址" style="text-decoration:none" target="_blank"> ......

得到HTML标签的ID和NAME

得到HTML标签的ID和NAME
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT=""& ......

HTML 简史

HTML 是 Web 统一语言,这些容纳在尖括号里的简单标签,构成了如今的 Web。1991 年,Tim Berners-Lee
编写了一份叫做 “HTML 标签”的文档,里面包含了大约20个用来标记网页的 HTML 标签。他直接借用 SGML
的标记格式,也就是后来我们看到的 HTML 标记的格式。本文讲述了 HTML 这门 Web 标记语言的发展简史。
......

HTML特殊字符

双引号:&quot;或&#34;
单引号:&apos;或&#39;(IE实体名无效)
&符号:&amp;或&#38;
<小于:&lt;或&#60;
>大于:&gt;或&#62;
空格:&nbsp;或&#160;
£英磅:&pound;或&#163;
¥元:&yen;或&#165;
¦分隔符:&brvbar;或& ......

不应忽视的HTML优化

随着Web2.0技术的不断发展,Web前端的优化受到越来越多的关注,特别是JavaScript和CSS优化的讨论一直是热点,工具也相对丰富,而对HTML优化则有所忽视,最近,来自百度泛用户体验团队的工程师Miller(chenminliang)撰文强调了HTML优化的重要性和相关技巧。
Miller首先举例说明了HTML优化稍显忽略的事实:
在Steve Souder ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号