📄 chearbox.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=gb2312" />
<title>tryjs.cn--clearBox</title>
<link href="css/clearbox.css" rel="stylesheet" type="text/css" />
<script src="js/clearbox.js" type="text/javascript"></script>
<style type="text/css">
<!--
.STYLE1 {font-size: 12px}
-->
</style>
</head>
<body>
<p class="STYLE1">单图演示
<a href="images/cb_sample_01.jpg" rel="clearbox">
<img src="images/cb_sample_01_tn.jpg" /></a>
<br />
<br />
<br />
图组演示：
<a href="images/cb_sample_01.jpg" rel="clearbox[test1]">
<img src="images/cb_sample_01_tn.jpg" /></a>
<a href="images/cb_sample_05.jpg" rel="clearbox[test1]">
<img src="images/cb_sample_05_tn.jpg" /></a>
<br />
<br />
<br />
网址演示：
单击<a href="http://www.tryjs.cn" rel="clearbox(692,500,click)">www.tryjs.cn</a>
移动<a href="http://www.tryjs.cn" rel="clearbox(692,500,ovre)">www.tryjs.cn</a></p>
<p class="STYLE1"> </p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>ps:本效果由 tryjs.cn收集整理 更多效果请访问 <a href="http://www.tryjs.cn">www.tryJS.cn</a> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<p class="STYLE1"> </p>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -