2dc202f5a4d4336c8fc4728822896e975186da4d.svn-base 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title></title>
  6. <!--框架必需start-->
  7. <script type="text/javascript" src="../../libs/js/jquery.js"></script>
  8. <script type="text/javascript" src="../../libs/js/language/cn.js"></script>
  9. <script type="text/javascript" src="../../libs/js/framework.js"></script>
  10. <link href="../../libs/css/import_basic.css" rel="stylesheet" type="text/css"/>
  11. <link rel="stylesheet" type="text/css" id="skin" prePath="../../"/>
  12. <link rel="stylesheet" type="text/css" id="customSkin"/>
  13. <!--框架必需end-->
  14. <!--图片预览start-->
  15. <script type="text/javascript" src="../../libs/js/pic/imgPreview.js"></script>
  16. <!--图片预览end-->
  17. </head>
  18. <body>
  19. <div class="box1" panelWidth="800">
  20. <fieldset>
  21. <legend>1、不含标题</legend>
  22. <a href="javascript:;" ref="../../libs/images/demo/demo1.jpg" class="imgPreview"><img src="../../libs/images/demo/demo1.jpg" width="80" height="60"/></a>
  23. <a href="javascript:;" ref="../../libs/images/demo/demo2.jpg" class="imgPreview"><img src="../../libs/images/demo/demo2.jpg" width="80" height="60"/></a>
  24. <a href="javascript:;" ref="../../libs/images/demo/demo3.jpg" class="imgPreview"><img src="../../libs/images/demo/demo3.jpg" width="80" height="60"/></a>
  25. </fieldset>
  26. <div class="height_15"></div>
  27. <fieldset>
  28. <legend>2、含标题</legend>
  29. <a href="javascript:;" ref="../../libs/images/demo/demo1.jpg" class="imgPreview" title="标题1" keepDefaultStyle="true"><img src="../../libs/images/demo/demo1.jpg" width="80" height="60"/></a>
  30. <a href="javascript:;" ref="../../libs/images/demo/demo2.jpg" class="imgPreview" title="标题2" keepDefaultStyle="true"><img src="../../libs/images/demo/demo2.jpg" width="80" height="60"/></a>
  31. <a href="javascript:;" ref="../../libs/images/demo/demo3.jpg" class="imgPreview" title="标题3" keepDefaultStyle="true"><img src="../../libs/images/demo/demo3.jpg" width="80" height="60"/></a>
  32. </fieldset>
  33. <div class="height_15"></div>
  34. <fieldset>
  35. <legend>3、含边框效果</legend>
  36. <div class="picItem2"><a href="javascript:;" ref="../../libs/images/demo/demo1.jpg" class="imgPreview"><img src="../../libs/images/demo/demo1.jpg"/></a></div>
  37. <div class="picItem2"><a href="javascript:;" ref="../../libs/images/demo/demo2.jpg" class="imgPreview"><img src="../../libs/images/demo/demo2.jpg"/></a></div>
  38. <div class="picItem2"><a href="javascript:;" ref="../../libs/images/demo/demo3.jpg" class="imgPreview"><img src="../../libs/images/demo/demo3.jpg"/></a></div>
  39. </fieldset>
  40. <div class="height_15"></div>
  41. <fieldset>
  42. <legend>4、文字链接</legend>
  43. <a href="javascript:;" ref="../../libs/images/demo/demo2.jpg" title="标题4" keepDefaultStyle="true" class="imgPreview">文字链接</a>
  44. </fieldset>
  45. <div class="height_15"></div>
  46. </div>
  47. </body>
  48. </html>