JS鼠标点击图片放大查看.zip资源-CSDN文库

共8个文件

jpg：4个

css：1个

html：1个

版权申诉

javascript

html5

jQuery

160 浏览量 2022-11-24 12:31:12 上传评论收藏 1.98MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

JS鼠标点击图片放大查看.zip （8个子文件）

JS鼠标点击图片放大查看

JS鼠标点击图片放大查看.jpg 22KB

jiaoben2532

css

styles.css 2KB

img

v1_small.jpg 594KB

h1_small.jpg 877KB

plus_cursor.png 2KB

h2_small.jpg 577KB

index.html 1KB

intense.js 14KB

<!doctype html> <html> <head> <title>JS鼠标点击图片放大查看 - 网页模板</title>  <link href='./css/styles.css' rel='stylesheet'>  <script src='js/intense.js'></script> </head> <body> <header> <div class="logo">ii</div> <div class="main"> <h1> Intense Image Viewer </h1> <h1> A javascript library for viewing images in a fully full screen. </h1> <h1> Click the images to see it in action!</h1> </div> </header> <section class="demos">  <div class="demo-image first" data-image="./img/h1_small.jpg" data-title="Beautiful fields" data-caption="With lots of wheaty puffs. Love those puffs."></div> <div class="demo-image second" data-image="./img/v1_small.jpg" data-title="Fantastic cliffs" data-caption="Longing for exploration. Explore me!"></div> <div class="demo-image third" data-image="./img/h2_small.jpg" data-title="Chilling sheep" data-caption="To your breed, your fleece, your clan be true!"></div> </section> <script> window.onload = function() { var elements = document.querySelectorAll( '.demo-image' ); Intense( elements ); } </script> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p> <p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉