jquery 简单的图片显示效果

jquery图片相册可拖动呈现效果

jquery演练——简单的图纸结果显示效果–cnblogs libsource/

<!doctype html public “-//w3c//dtd html 4.01//en”
http://www.w3.org/tr/html4/strict.dtd"&gt;
<html>
<head>
<meta http-equiv=”content-type”
content=”text/html;charset=iso-8859-1″/>
<title>jquery ????????</title>
<link rel=”stylesheet” type=”text/css教程”
href=”css/style.css”/>
<script type=”text/网页特效”
src=”http://www.google.com/jsapi"&gt;&lt;/script&gt;
<script type=”text/javascript”
src=”js/script.js”></script>
</head>
<body>
<div class=”polaroid”>
 <img src=”images/01_colosseum.png” alt=”colloseum” />
 <p>coloseum in rome</p>
</div>
<div class=”polaroid”>
 <img src=”images/02_vatican.png” alt=”vatican” />
 <p>vatican</p>
</div>
<div class=”polaroid”>
 <img src=”images/03_forum_romanum.png” alt=”forum romanum”
/>
 <p>forum romanum</p>
</div>
<div class=”polaroid”>
 <img src=”images/04_fiat_500.png” alt=”fiat 500″ />
 <p>fiat 500 – typical italian car</p>
</div>
<div class=”polaroid”>
 <img src=”images/05_me_gf.png” alt=”me and my girl in florance”
/>
 <p>my girl and me in florance</p>
</div>
<div class=”polaroid”>
 <img src=”images/06_venetian_gondolas.png” alt=”venetian
gondolas” />
 <p>venetian gondolas</p>
</div>
<div class=”polaroid”>
 <img src=”images/07_pizza.png” alt=”pizza” />
 <p>delicious pizza – <strong>the</strong> italian
food</p>
</div>
<div class=”polaroid”>
 <img src=”images/08_pool.png” alt=”swimming pool” />
 <p>swimming pool near our house</p>
</div>
<div class=”polaroid”>
 <img src=”images/09_florence.png” alt=”florence” />
 <p>bridge in florence – ponte vecchio</p>
</div>
<div class=”polaroid”>
 <img src=”images/10_tower_of_pisa.png” alt=”tower of pisa”
/>
 <p>leaning tower of pisa</p>
</div>
</body>
</html>

>

源码下载地址
http://down.bKjia.c0m/down/code/jquery/2010/0830/20524.html

<

http://www.bkjia.com/jQuery/449353.htmlwww.bkjia.comtruehttp://www.bkjia.com/jQuery/449353.htmlTechArticlejquery图片相册可拖动展示效果 !doctype html public
-//w3c//dtd html 4.01//en http://www.w3.org/tr/html4/strict.dtd html
head meta http-equiv=content-type content=text/htm…

图片1

  • 缩略1
  • 缩略2
  • 缩略3
  • 缩略4
  • 缩略5

[Ctrl+A 全选
注:如需引进外界Js需刷新能力举办]

您只怕感兴趣的稿子:

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图