0731-55587844
其他(360、58、霸屏、搜狗、小程序)等代理合作请发邮箱254596208@qq.com
站内公告:  如果您有其它业务联系,请发邮件至yaner@y1web.com邮箱,谢谢您的配合!
营销型网站建设第一品牌——优度网络
现在的位置:首页 > 发布营销型网站建设 > 新闻资讯 > 电子相册 幻灯片模式
电子相册 幻灯片模式
信息来源:优度网络  发布日期:2009/3/29 浏览数量:1042
文章导读:

实例作品

<html>
<head>
<title>电子相册</title>
<link rel="stylesheet" href="11-6catalog.css">
   </head>
<body>
 <div class="pic ls">
  <a href="photo/01.jpg" class="tn"><img src="photo/thumb/01.jpg"></a>
  <ul>
   <li class="title">鸣沙山</li>
   <li class="catno">Trip01</li>
   <li class="price">¥79.9</li>
  </ul>
 </div>
 <div class="pic ls">
  <a href="photo/02.jpg" class="tn"><img src="photo/thumb/02.jpg"></a>
  <ul>
   <li class="title">鸣沙山的植被</li>
   <li class="catno">Trip02</li>
   <li class="price">¥59.7</li>
  </ul>
 </div>
 <div class="pic pt">
  <a href="photo/03.jpg" class="tn"><img src="photo/thumb/03.jpg"></a>
  <ul>
   <li class="title">莫高窟的花</li>
   <li class="catno">Trip03</li>
   <li class="price">¥48.6</li>
  </ul>
 </div>
 <div class="pic pt">
  <a href="photo/04.jpg" class="tn"><img src="photo/thumb/04.jpg"></a>
  <ul>
   <li class="title">影子</li>
   <li class="catno">Trip04</li>
   <li class="price">¥90.5</li>
  </ul>
 </div>
 <div class="pic ls">
  <a href="photo/05.jpg" class="tn"><img src="photo/thumb/05.jpg"></a>
  <ul>
   <li class="title">高昌古城</li>
   <li class="catno">Trip06</li>
   <li class="price">¥74.1</li>
  </ul>
 </div>
 <div class="pic pt">
  <a href="photo/06.jpg" class="tn"><img src="photo/thumb/06.jpg"></a>
  <ul>
   <li class="title">磕头机</li>
   <li class="catno">Trip07</li>
   <li class="price">¥88.2</li>
  </ul>
 </div>
 <div class="pic ls">
  <a href="photo/07.jpg" class="tn"><img src="photo/thumb/07.jpg"></a>
  <ul>
   <li class="title">魔鬼城</li>
   <li class="catno">Trip07</li>
   <li class="price">¥79.9</li>
  </ul>
 </div>
 <div class="pic ls">
  <a href="photo/08.jpg" class="tn"><img src="photo/thumb/08.jpg"></a>
  <ul>
   <li class="title">路边的狗尾巴草</li>
   <li class="catno">Trip08</li>
   <li class="price">¥52.9</li>
  </ul>
 </div>
 <div class="pic ls">
  <a href="photo/09.jpg" class="tn"><img src="photo/thumb/09.jpg"></a>
  <ul>
   <li class="title">217国道</li>
   <li class="catno">Trip09</li>
   <li class="price">¥78.4</li>
  </ul>
 </div>
 <div class="pic ls">
  <a href="photo/10.jpg" class="tn"><img src="photo/thumb/10.jpg"></a>
  <ul>
   <li class="title">国道旁的羊</li>
   <li class="catno">Trip10</li>
   <li class="price">¥76.3</li>
  </ul>
 </div>
 <div class="pic pt">
  <a href="photo/11.jpg" class="tn"><img src="photo/thumb/11.jpg"></a>
  <ul>
   <li class="title">217国道的天</li>
   <li class="catno">Trip11</li>
   <li class="price">¥49.9</li>
  </ul>
 </div>
 <div class="pic ls">
  <a href="photo/12.jpg" class="tn"><img src="photo/thumb/12.jpg"></a>
  <ul>
   <li class="title">石头堆</li>
   <li class="catno">Trip12</li>
   <li class="price">¥50.2</li>
  </ul>
 </div>
 <div class="pic ls">
  <a href="photo/13.jpg" class="tn"><img src="photo/thumb/13.jpg"></a>
  <ul>
   <li class="title">喀纳斯河</li>
   <li class="catno">Trip13</li>
   <li class="price">¥82.5</li>
  </ul>
 </div>
 <div class="pic pt">
  <a href="photo/14.jpg" class="tn"><img src="photo/thumb/14.jpg"></a>
  <ul>
   <li class="title">卧龙湾</li>
   <li class="catno">Trip14</li>
   <li class="price">¥95.6</li>
  </ul>
 </div>
 <div class="pic ls">
  <a href="photo/15.jpg" class="tn"><img src="photo/thumb/15.jpg"></a>
  <ul>
   <li class="title">禾木桥</li>
   <li class="catno">Trip15</li>
   <li class="price">¥82.4</li>
  </ul>
 </div>
 <div class="pic ls">
  <a href="photo/16.jpg" class="tn"><img src="photo/thumb/16.jpg"></a>
  <ul>
   <li class="title">禾木的晨光</li>
   <li class="catno">Trip16</li>
   <li class="price">¥89.5</li>
  </ul>
 </div>
 <div class="pic pt">
  <a href="photo/17.jpg" class="tn"><img src="photo/thumb/17.jpg"></a>
  <ul>
   <li class="title">朵朵葵花向太阳</li>
   <li class="catno">Trip17</li>
   <li class="price">¥83.4</li>
  </ul>
 </div>
 <div class="pic ls">
  <a href="photo/18.jpg" class="tn"><img src="photo/thumb/18.jpg"></a>
  <ul>
   <li class="title">额尔齐斯河</li>
   <li class="catno">Trip18</li>
   <li class="price">¥72.1</li>
  </ul>
 </div>
 <div class="pic pt">
  <a href="photo/19.jpg" class="tn"><img src="photo/thumb/19.jpg"></a>
  <ul>
   <li class="title">火烧石</li>
   <li class="catno">Trip19</li>
   <li class="price">¥73.3</li>
  </ul>
 </div>
 <div class="pic pt">
  <a href="photo/20.jpg" class="tn"><img src="photo/thumb/20.jpg"></a>
  <ul>
   <li class="title">甜就一个字</li>
   <li class="catno">Trip20</li>
   <li class="price">¥69.5</li>
  </ul>
 </div>
</body>
</html>

相关信息
  • 网络营销培训
  • 微网站
  • 扫二维码
  • 1
  • 2
  • 3
  • 最新上传
  • 精品案例
  • 自动流水线嘉
  • 湖南省湘江重
  • 湘潭家居\建
  • 湘潭学校微网
0731-55587844
传真:0731-55587844
邮箱:254596208@qq.com
地址:湖南省湘潭市岳塘区霞光东路58号(维也纳酒店6楼)
优度官方微信扫一扫关注官方微信

关注优度

官方微信
官方微博
官网首页