多图展示滑动过渡效果_图象特效
程序员文章站
2022-05-12 21:21:46
...
<base href='http://demo.rexsong.com/200508/image_glide/'>
<!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" xml:lang="en">
<head>
<title>ß | Fyrebase™</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="imagetoolbar" content="no" />
<style type="text/css" media="screen">@import url("base.css");</style>
<script type="text/javascript" language="javascript">
var thumbCount = 4;
</script>
<script type="text/javascript" language="javascript" src="base.js"></script>
</head>
<body>
<div id="fbMaster">
<dl id="pNav">
<dt><img src="images/logo_fyrebase.gif" width="190" height="58" alt="Fyrebase.com Logo" /></dt>
<dd><a title="">Paparazzi Kings</a></dd>
<dd><a href="index.html?pid=aadree" title="">Aadree</a></dd>
<dd><a href="index.html?pid=c9" title="">Cloud 9</a></dd>
<dd><a href="index.html?pid=va" title="">Vin Australis</a></dd>
<dd><a href="index.html?pid=dkd" title="">David K Difference</a></dd>
</dl>
<dl id="content">
<dt>
<div>
<span id="zoom"><img id="zoom0" src="ss_lrg_pk0.jpg" width="514" height="432" alt="" /><img id="zoom1" src="ss_lrg_pk1.jpg" width="514" height="432" alt="" /><img id="zoom2" src="ss_lrg_pk2.jpg" width="514" height="432" alt="" /><img id="zoom3" src="ss_lrg_pk3.jpg" width="514" height="432" alt="" /></span>
</div>
<script type="text/javascript" language="javascript">
document.getElementById('zoom').style.left = -514 + 'px';
document.getElementById("zoom1").style.visibility = "hidden";
document.getElementById("zoom2").style.visibility = "hidden";
document.getElementById("zoom3").style.visibility = "hidden";
</script>
</dt>
<dd><a title=""><img id="thumb0" src="ss_sml_pk0.jpg" width="106" height="106" alt="" /></a><script type="text/javascript" language="javascript">document.getElementById("thumb0").style.visibility = "hidden";</script></dd>
<dd><a title=""><img id="thumb1" src="ss_sml_pk1.jpg" width="106" height="106" alt="" /></a><script type="text/javascript" language="javascript">document.getElementById("thumb1").style.visibility = "hidden";</script></dd>
<dd><a title=""><img id="thumb2" src="ss_sml_pk2.jpg" width="106" height="106" alt="" /></a><script type="text/javascript" language="javascript">document.getElementById("thumb2").style.visibility = "hidden";</script></dd>
<dd><a title=""><img id="thumb3" src="ss_sml_pk3.jpg" width="106" height="106" alt="" /></a><script type="text/javascript" language="javascript">document.getElementById("thumb3").style.visibility = "hidden";</script></dd>
</dl>
</div>
</body>
</html>