<!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.blueidea.com" 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>
js+css=图片浏览效果
需积分: 10 21 浏览量
2008-09-26
15:07:02
上传
评论
收藏 156KB RAR 举报
.rar （28个子文件） 
图片浏览效果 ClearBox css 
clearbox.css 4KB
ChearBox.html 1KB pic 
blank.gif 43B white.gif 43B
start.png 398B close.png 395B max.gif 844B s_topleft.png 293B s_btmleft.png 335B s_left.png 1020B s_btmright.png 349B s_topright.png 326B pause.png 311B s_right.png 1019B
prev.jpg 722B s_btm.png 3KB loading.gif 2KB Thumbs.db 57KB noprv.gif 808B next.gif 323B prev.gif 314B s_top.png 3KB images cb_sample_01_tn.jpg 5KB cb_sample_05_tn.jpg 3KB Thumbs.db 76KB cb_sample_01.jpg 49KB cb_sample_05.jpg 19KB js clearbox.js 34KB资源评论
