Easy-Image-Preview.rar_easy资源-CSDN文库

共12个文件

jpg：8个

js：2个

html：1个

版权申诉

easy_

149 浏览量 2022-09-23 16:54:57 上传评论收藏 225KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

Easy-Image-Preview.rar （12个子文件）

Easy Image Preview

jquery.js 29KB

2s.jpg 2KB

2.jpg 32KB

1.jpg 41KB

3.jpg 67KB

1s.jpg 3KB

3s.jpg 4KB

index.html 2KB

4.jpg 36KB

main.js 1KB

Thumbs.db 28KB

4s.jpg 3KB

<!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=utf-8" /> <title>Image Preview with jQuery by http://www.codefans.net</title> <meta name="description" content="Easiest jQuery Tooltip Ever"> <script src="jquery.js" type="text/javascript"></script> <script src="main.js" type="text/javascript"></script> </meta> <style> body { margin:0; padding:40px; background:#fff; font:80% Arial, Helvetica, sans-serif; color:#555; line-height:180%; } h1{ font-size:180%; font-weight:normal; color:#555; } h2{ clear:both; font-size:160%; font-weight:normal; color:#555; margin:0; padding:.5em 0; } a{ text-decoration:none; color:#f30; } p{ clear:both; margin:0; padding:.5em 0; } pre{ display:block; font:100% "Courier New", Courier, monospace; padding:10px; border:1px solid #bae2f0; background:#e3f4f9; margin:.5em 0; overflow:auto; width:800px; } img{border:none;} ul,li{ margin:0; padding:0; } li{ list-style:none; float:left; display:inline; margin-right:10px; } /* */ #preview{ position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; } /* */ </style> </head> <body> <h1>Easy Image Preview with jQuery</h1> <h2>Image gallery (without caption)</h2> <ul> <li><a href="1.jpg" class="preview"><img src="1s.jpg" alt="gallery thumbnail" /></a></li> <li><a href="2.jpg" class="preview"><img src="2s.jpg" alt="gallery thumbnail" /></a></li> <li><a href="3.jpg" class="preview"><img src="3s.jpg" alt="gallery thumbnail" /></a></li> <li><a href="4.jpg" class="preview"><img src="4s.jpg" alt="gallery thumbnail" /></a></li> </ul> <h2>Image gallery (with caption)</h2> <ul> <li><a href="1.jpg" class="preview" title="Lake and a mountain"><img src="1s.jpg" alt="gallery thumbnail" /></a></li> <li><a href="2.jpg" class="preview" title="Fly fishing"><img src="2s.jpg" alt="gallery thumbnail" /></a></li> <li><a href="3.jpg" class="preview" title="Autumn"><img src="3s.jpg" alt="gallery thumbnail" /></a></li> <li><a href="4.jpg" class="preview" title="Skiing on a mountain"><img src="4s.jpg" alt="gallery thumbnail" /></a></li> </ul> </body> </html>

评论收藏

内容反馈

版权申诉