多图展示滑动过渡效果

网络编程发布日期：2026/1/19 浏览次数：1

正在浏览：多图展示滑动过渡效果

<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" lang="en" xml:lang="en">      <head>         <title>&szlig; | Fyrebase&#153;</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>                       </head>     <body>                      <dl id="pNav">                 <dt><a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/logo_fyrebase.gif');"><img src="/UploadFiles/2021-04-02/logo_fyrebase.gif" alt="多图展示滑动过渡效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a></dt>                 <dd>Paparazzi Kings</dd>                 <dd>Aadree</dd>                 <dd>Cloud 9</dd>                 <dd>Vin Australis</dd>                 <dd>David K Difference</dd>                 </dl>             <dl id="content">                 <dt>                                              <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/ss_lrg_pk0.jpg');"><img src="/UploadFiles/2021-04-02/ss_lrg_pk0.jpg" alt="多图展示滑动过渡效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a><a href="javascript:;" onclick="showimg('ss_lrg_pk1.jpg');"><img src="ss_lrg_pk1.jpg" alt="多图展示滑动过渡效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a><a href="javascript:;" onclick="showimg('ss_lrg_pk2.jpg');"><img src="ss_lrg_pk2.jpg" alt="多图展示滑动过渡效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a><a href="javascript:;" onclick="showimg('ss_lrg_pk3.jpg');"><img src="ss_lrg_pk3.jpg" alt="多图展示滑动过渡效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>                                                               </dt>                 <dd><a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/ss_sml_pk0.jpg');"><img src="/UploadFiles/2021-04-02/ss_sml_pk0.jpg" alt="多图展示滑动过渡效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a></dd>                 <dd><a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/ss_sml_pk1.jpg');"><img src="/UploadFiles/2021-04-02/ss_sml_pk1.jpg" alt="多图展示滑动过渡效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a></dd>                 <dd><a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/ss_sml_pk2.jpg');"><img src="/UploadFiles/2021-04-02/ss_sml_pk2.jpg" alt="多图展示滑动过渡效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a></dd>                 <dd class="last"><a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/ss_sml_pk3.jpg');"><img src="/UploadFiles/2021-04-02/ss_sml_pk3.jpg" alt="多图展示滑动过渡效果" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a></dd>                 </dl>              </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：多图展示点击切换效果模拟的flash效果，点小图放大显示，再点恢复默认。

下一篇：多图幻灯Wipe擦洗效果