JS 实现点击图片查看大图（含注释）

2024-06-28 02:41| 来源: 网络整理| 查看: 265

代码主要实现多个图片，点击其中一个时，将该图片在特定区域放大（含注释），请着重关注JS代码思想。

运行该代码时，注意更换图片地址，如有问题请留言。

代码如下：

body { font-family: "Helvetica", "Arial", serif; color: #333; background-color: #ccc; margin: 1em 10%; } h1 { color: #333; background-color: transparent; } a { color: #c60; background-color: transparent; font-weight: bold; text-decoration: none; } ul { padding: 0; } li { float: left; padding: 1em; list-style: none; } #imagegallery { list-style: none; } #imagegallery li { margin: 0px 20px 20px 0px; padding: 0px; display: inline; } #imagegallery li a img { border: 0; } 美女画廊

选择一个图片

//点击a标签,把a标签中的href的属性值给id为image的src属性 //把a的title属性的值给id为des的p标签赋值 //从ul中标签获取获取所有的a标签 var aObjs=my$("imagegallery").getElementsByTagName("a"); //循环遍历所有的a标签 for(var i=0;i

【本文地址】

公司简介

联系我们

今日新闻

推荐新闻

专题文章