📄 10.html
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Chainable Transition Effects</title>
<script type="text/javascript" src="http://www.cssrain.cn/demo/JQuery+API/jquery-1[1].2.1.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("a[@href$=pdf]").addClass("pdf");
$("a[@href$=xls]").addClass("xls");
$("a[@href$=ppt]").addClass("ppt");
$("a:not([@href*=http://www.cssrain.cn])").not("[href^=#]")
.addClass("external")
.attr({ target: "_blank" });
});
</script>
<style type="text/css">
body {
margin: 10px auto;
width: 570px;
font: 75%/120% Arial, Helvetica, sans-serif;
color: #999999;
}
a {
color:#333399;
}
a:hover {
text-decoration: none;
}
a.pdf {
background: url(icon_pdf1.gif) no-repeat;
padding-left: 16px;
}
a.xls {
background: url(icon_xls1.gif) no-repeat;
padding-left: 16px;
}
a.ppt {
background: url(icon_ppt1.gif) no-repeat;
padding-left: 16px;
}
a.external {
background: url(window.gif) no-repeat;
padding-left: 16px;
}
</style>
</head>
<body>
<p>
<p><a href="http://www.cssrain.cn/file/wdw-logo.pdf">PDF file</a> (wdw-logo.pdf)</p>
<p><a href="http://www.cssrain.cn/file/wdw-logo.ppt">PPT file</a> (wdw-logo.ppt)</p>
<p><a href="http://www.cssrain.cn/file/wdw-logo.xls">XLS file</a> (wdw-logo.xls)</p>
<p><a href="#anchor">#anchor link</a> (#anchor)</p>
<p><a href="http://jquery.com">jQuery</a> (http://jquery.com)</p>
<p><a href="http://www.ndesign-studio.com">N.Design Studio</a> (http://www.ndesign-studio.com)</p>
<p><a href="http://www.cssrain.cn">go cssrain.</a> (http://www.cssrain.cn)</p>
</p>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -