令人震撼的图片展示效果源代码下载

作者:天空诚整理来源:ZCOOL 时间:2008-4-28 网友评论条【大中小】

令人震撼的js图片展示效果，已知支持IE6.0，Firefox，其它浏览器还没测试过，不过应该没有问题。

很cool的图片展示功能，有图片倒影，支持鼠标滚轮选择图片及图片滚动条操作，安装使用方便。

截图：

添加展示图片方法：

<body>
<div id="imageFlow">
  <div class="top"></div>
  <div class="bank">
   <a rel="ct37.jpg" title="中国asp之家" href="http://www.aspxhome.com/">中国asp之家欢迎您！</a>
   <a rel="ct60.jpg" title="Discoveries" href="http://www.aspxhome.com/">...are made by not following instructions</a>
   <a rel="sf48.jpg" title="New life" href="http://www.aspxhome.com/">Here you come!</a>
   <a rel="ct134.jpg" title="Empathy" href="http://www.aspxhome.com/">Emotional intimacy</a>
   <a rel="ct75.jpg" title="System error" href="http://www.aspxhome.com/">Errare Programma Est</a>
   <a rel="ct65.jpg" title="E-Slaves" href="http://www.aspxhome.com/">The World is flat</a>
   <a rel="ct139.jpg" title="中国asp之家" href="http://www.aspxhome.com/">中国asp之家欢迎您！</a>
  </div>
  <div class="text">
   <div class="title">Loading</div>
   <div class="legend">Please wait...</div>
  </div>
  <div class="scrollbar">
   <img class="track" src="sb.gif" alt="">
   <img class="arrow-left" src="sl.gif" alt="">
   <img class="arrow-right" src="sr.gif" alt="">
   <img class="bar" src="sc.gif" alt="">
  </div>
</div>
</body>

在上面的代码中：

<a rel="ct37.jpg" title="中国asp之家" href="http://www.aspxhome.com/">中国asp之家欢迎您！</a>

就是一张图片，图片地址填在rel值中，显示文字：标题是title里，介绍是链接文字。按照这个格式添加图片到<div class="bank"></div>中。

演示地址：

http://www.aspxhome.com/examples/download/javascript/361928/images_box.html

打包下载地址：images_box.rar （548.87 KB）

更多图片展示效果下载：images_box_zcool.com.cn.rar （大小：5M 共10种）

【加入收藏】【报告错误】【投递文章】【复制地址】【返回顶部↑】

本文地址：http://www.aspxhome.com/download/javascript/20084/361928.htm

站长工具

令人震撼的图片展示效果源代码下载

Aspxhome.com. 中国Asp之家. 版权所有