文件名称：DevLightbox:使用 jQuery 构建灯箱功能
文件大小：309KB
文件格式：ZIP
更新时间：2024-07-16 19:13:45
CSS
开发灯箱 使用 jQuery 构建灯箱功能 #The Setting：我们有一个客户希望我们为他们建立一个网页来展示他们的艺术作品。 他们希望它简单、优雅，而且最重要的是易于使用。 #问题： 当用户点击图片时，他们会被带到一个新的、无样式的网页。 由于导航问题，该网站不容易使用。 用户点击图片时应该停留在原始页面上以改善用户体验。 客户希望它像一个画廊——他们希望屏幕的其余部分变暗，并在页面*显示用户点击的更大的图像。 ＃任务： 将图像添加到叠加层 将标题添加到叠加层 将覆盖添加到 DOM 的主体 捕获用户点击图片时的点击事件 当用户单击图像时，使用所选图像更新叠加层 单击图像时显示叠加 设置被推荐的图像的标题 当用户点击特色图片之外时，隐藏叠加层
【文件预览】：
DevLightbox-master
----css()
--------style.css(585B)
----README.md(1KB)
----images()
--------copy_mcrepeatsalot.png(20KB)
--------skill-polish.png(17KB)
--------illustrator_foundations.png(31KB)
--------sebastian.png(28KB)
--------refferal_machine.png(18KB)
--------library.png(37KB)
--------education.png(37KB)
--------boat.png(12KB)
--------space-juice.png(21KB)
--------chuck.png(21KB)
--------treehouse_shop.jpg(81KB)
----js()
--------app.js(129B)
----index.html(2KB)