鼠标点击时图片放大再次点击时返回原位置_html图片点击放大再次点击缩小资源-CSDN文库

共11个文件

jpg：7个

js：2个

html：1个

需积分: 39 105 浏览量 2017-11-17 09:10:00 上传评论收藏 413KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

网页_图片放大缩小.zip （11个子文件）

网页_图片放大缩小

images

mthood.jpg 91KB

body-bg.jpg 4KB

moreinfo.jpg 1KB

baloon.jpg 115KB

lighthouse.jpg 56KB

giraffe.jpg 128KB

close_button.jpg 785B

index.html 2KB

jquery.js 29KB

photorevealer.js 2KB

style.css 1KB

<!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>Revealing Photo Slider with jQuery by CSS-Tricks</title> <link rel="stylesheet" type="text/css" href="style.css" /> <script type="text/javascript" src="js/jquery.js"></script> </head> <body> <div id="page-wrap"> <h1>Revealing Photo Slider</h1> <table><tr> <td><div class="photo_slider"> <img src="images/mthood.jpg"/> <div class="info_area"> <h3>Climbing Mt. Hood</h3> <p><em>By: <a href="http://flickr.com/photos/kevinomara/">Brother O'Mara</a></em></p> </div> </div></td> <td><div class="photo_slider"> <img src="images/baloon.jpg"/> <div class="info_area"> <h3>Climbing Mt. Hood</h3> <p><em>By: <a href="http://flickr.com/photos/kevinomara/">Brother O'Mara</a></em></p> </div> </div></td> <td><div class="photo_slider"> <img src="images/lighthouse.jpg"/> <div class="info_area"> <h3>Lighthouse Rays</h3> <p><em>By: <a href="http://flickr.com/photos/nzdave/">(nz)dave</a></em></p> </div> </div></td> <td><div class="photo_slider"> <img src="images/giraffe.jpg"/> <div class="info_area"> <h3>Pucker up!</h3> <p><em>By: <a href="http://flickr.com/photos/ucumari/">ucumari</a></em></p> </div> </div></td> </tr></table> </div> <script type="text/javascript" src="js/photorevealer.js"></script> </body> </html>

评论收藏

内容反馈