多图展示滑动过渡效果

更新时间：2006年12月22日 00:00:00 作者：

<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>         <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 class="active" 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 class="last"><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>

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

您可能感兴趣的文章:

多图展示滑动过渡效果

ＪＳ＋ＦＬＡＳＨ幻灯片播放图片脚本，整理了代码，使得调用更加方便！
ＪＳ＋ＦＬＡＳＨ幻灯片播放图片脚本，整理了代码，使得调用更加方便！...
2007-01-01
兼容ie、firefox的图片自动缩放的css跟js代码分享
这个功能主要是解决内容页中的图片过大撑出，导致页面比较难看，就需要这样的代码，需要的朋友可以参考下
2012-01-01
javascript 图片轮换显示效果代码
图片轮换显示效果,学习js的朋友可以参考下。
2010-03-03
链接图片无缝(无间断)向左平滑滚动Js版代码
图片向左无缝滚动，JavaScript版，速度可自定义，代码简洁易懂，自己修改方便。
2010-09-09
用JavaScript显示随机图像或引用
本文会教你如何用简单的JavaScript 创建所有可能条目的数组，然后随机选择你需要加入网页中的图像或引用。
2009-04-04
映彩衣的js随笔(js图片切换效果)
最近写的一个关于图片切换的js，拿出来和大家分享一下
2011-07-07
比较方便的onMouseWheel缩放图片效果
比较方便的onMouseWheel缩放图片效果...
2006-09-09
比较炫的图片播放器 js 焦点效果代码
之前做过一个,有点不理想, 改进下儿,测试一下，果然厉害
2008-07-07
禁止在图片上使用右键
为了阻挡一般用户不能使用图片另存为的功能，这里使用JavaScript对右键菜单做了限制，当在图片上点击右键的时候，会弹出一个提示，提示无法操作图片，注意，这种方法对高手可能无效果。
2009-10-10
JS图片浏览组件PhotoLook的公开属性方法介绍和进阶实例代码
这次接着来介绍PhotoLook（前文介绍的组件）现在可供使用的属性和方法，接着展示一个叫前文不一样的例子
2010-11-11

多图展示滑动过渡效果

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具