愁死了，求一个相册的特效

xf198903 2010-10-21 11:24:38

公司现在想用一个相册特效。

我弄了个这样的特效。http://t.jhgcw.cn/demos/photoBox.html

不过这个特效不支持IE6.我纠结了半天。其他的相册代码特效我又找不到。找到的也不那么好。

还请大家给我个参考，我现在真的很急。。。。

拜托了！！！！

...全文

140 18 打赏收藏转发到动态举报

写回复

用AI写文章

18 条回复

切换为时间正序

请发表友善的回复…

发表回复

xf198903 2010-10-21

打赏
举报

但是Gallery他不兼容ie6,大哥谢谢了哦

xf198903 2010-10-21

打赏
举报

我用的就是Gallery

wuyq11 2010-10-21

打赏
举报

http://www.open-open.com/ajax/Gallery.htm

xf198903 2010-10-21

打赏
举报

楼上贴的代码都不行。。。那个子鼠相册也不好。但还是谢谢大家了哦

suiyuan110 2010-10-21

打赏
举报

http://download.csdn.net/source/2770100

xf198903 2010-10-21

打赏
举报

[Quote=引用 1 楼 ly_longyue 的回复:]
jquery 插件
lightbox
[/Quote]

lightbox我不想用

Cfei_Zone 2010-10-21

打赏
举报

[Quote=引用 7 楼 wang2129929 的回复:]
有个代码生成器 , 里面都是特效. 叫什么来的。在我本地机器上. 晚上给你看看
[/Quote]

发个给我嘛
Cfei_Zone@qq.com

xf198903 2010-10-21

打赏
举报

[Quote=引用 8 楼 janesin 的回复:]
引用 7 楼 wang2129929 的回复:

有个代码生成器 , 里面都是特效. 叫什么来的。在我本地机器上. 晚上给你看看

也发我看看
[/Quote]

也发我啊729989816@qq.com

仙儿 2010-10-21

打赏
举报

我有一个原程序代码劝FLASH的照片也行

毛线 2010-10-21

打赏
举报

[Quote=引用 7 楼 wang2129929 的回复:]
有个代码生成器 , 里面都是特效. 叫什么来的。在我本地机器上. 晚上给你看看
[/Quote]

发个我一份啊。。3Q

邮箱：wangyue19860308@163.com

janesin 2010-10-21

打赏
举报

[Quote=引用 7 楼 wang2129929 的回复:]

有个代码生成器 , 里面都是特效. 叫什么来的。在我本地机器上. 晚上给你看看
[/Quote]

也发我看看

好奇都是要学的 2010-10-21

打赏
举报

有个代码生成器 , 里面都是特效. 叫什么来的。在我本地机器上. 晚上给你看看

lihaoran8577 2010-10-21

打赏
举报

<!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=gbk" />

<title>子鼠的CSS相册v2.0</title>

<style>

body{ margin:0; padding:0; font-size:12px; background: #333333; line-height:1.7; font-family:Verdana, "宋体"; overflow:hidden }

#info{ width:600px; background: #666666; margin-left:auto; margin-right:auto; text-align:center; border:1px solid #FFFFFF; height:400px; margin-top:20px;}

h3{ margin:20px 0 0 0; color:#CC0000; font-size:12px;color:#FFF}

ul,li{ list-style:none; margin:0; padding:0;}

a:active,a:hover{ cursor:pointer}

#info #zs img{ width:400px; height:280px; border:7px solid #FFF;}

#zs{ height:360px; overflow: hidden; text-align:left; float:left; width:450px; margin-top:20px}

#zs ul{ margin:0 0 0 30px;}

#zs span{ display:block}

#zs a{ display:inline}

#nav{ padding-right:10px;width:135px; height:350px; overflow:auto; padding:0; text-align:left; float:left;}

#nav a{ display:block}

.z{ width:80px; height:56px;display:block; border:1px solid #FFFFFF; margin:4px 0 4px 25px;color:#FFF}

.b1{ background:url(http://www.zishu.cn/images/b1.jpg)}

.b2{ background:url(http://www.zishu.cn/images/b2.jpg)}

.b3{ background:url(http://www.zishu.cn/images/b3.jpg)}

.b4{ background:url(http://www.zishu.cn/images/b4.jpg)}

.b5{ background:url(http://www.zishu.cn/images/b5.jpg)}

.b6{ background:url(http://www.zishu.cn/images/b6.jpg)}

#zs li{ display:block; height:400px;}

</style>

</head>

<body>

<div id="info">

  <h3>子鼠的CSS相册v2.0</h3>

  <div id="zs">

  

    <ul>

      <li><a name="z1" id="z1"></a><img src="http://www.zishu.cn/images/a1.jpg" alt="照片1" /><br />

        这是照片1

        <span><a href="http://www.zishu.cn" target="_blank">www.zishu.cn</a></span></li>

      <li><a name="z2" id="z2"></a><img src="http://www.zishu.cn/images/a2.jpg" alt="照片2" /><br />

        这是照片2

        <span><a href="http://www.zishu.cn" target="_blank">www.zishu.cn</a></span></li>

      <li><a name="z3" id="z3"></a><img src="http://www.zishu.cn/images/a3.jpg" alt="照片3" /><br />

        这是照片3

        <span><a href="http://www.zishu.cn" target="_blank">www.zishu.cn</a></span></li>

      <li><a name="z4" id="z4"></a><img src="http://www.zishu.cn/images/a4.jpg" alt="照片4" /><br />

        这是照片4

        <span><a href="http://www.zishu.cn" target="_blank">www.zishu.cn</a></span></li>

      <li><a name="z5" id="z5"></a><img src="http://www.zishu.cn/images/a5.jpg" alt="照片5" /><br />

        这是照片5

        <span><a href="http://www.zishu.cn" target="_blank">www.zishu.cn</a></span></li>

      <li><a name="z6" id="z6"></a><img src="http://www.zishu.cn/images/a6.jpg" alt="照片6" /><br />

        这是照片6

        <span><a href="http://www.zishu.cn" target="_blank">www.zishu.cn</a></span></li>

      <li><a name="z7" id="z7"></a><img src="http://www.zishu.cn/images/a1.jpg" alt="照片1" /><br />

        这是照片1

        <span><a href="http://www.zishu.cn" target="_blank">www.zishu.cn</a></span></li>

      <li><a name="z8" id="z8"></a><img src="http://www.zishu.cn/images/a2.jpg" alt="照片2" /><br />

        这是照片2

        <span><a href="http://www.zishu.cn" target="_blank">www.zishu.cn</a></span></li>

    </ul>

  </div>

  

 <div id="nav">

   <a href="#z1" class="b1 z" title="照片1"></a>

   <a href="#z2" class="b2 z" title="照片2"></a>

   <a href="#z3" class="b3 z" title="照片3"></a>

   <a href="#z4" class="b4 z" title="照片4"></a>

   <a href="#z5" class="b5 z" title="照片5"></a>

   <a href="#z6" class="b6 z" title="照片6"></a>

   <a href="#z7" class="b1 z" title="照片1"></a>

   <a href="#z8" class="b2 z" title="照片2"></a>

 </div>

</div>

</body>

</html>