15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > JavaScript<制作网络相册2>

JavaScript<制作网络相册2>

时间:2023-07-26 13:33:01 | 来源:网站运营

时间:2023-07-26 13:33:01 来源:网站运营

JavaScript<制作网络相册2>:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>网络相册</title></head><body><a href="00.jpg" title="胸:120,腰:78,臀:100">亲恒结衣</a><a href="03.jpg" title="胸:120,腰:68,臀:100">波波姐</a><a href="04.jpg" title="胸:120,腰:88,臀:100">吉泽明步</a><img src="02.jpg" alt="" width="400" id="temp"><p id="info">120,18,100</p><script> //获取页面中所有的A元素var a = document.getElementsByTagName('a'); //获取一下A元素的数量 var length = a.length; //给所有的A元素添加一个点击事件 for (var i=0; i<length; i++){ a[i].onclick = function () { //获取到当前链接中的href属性值 var source = this.getAttribute('href'); var title = this.getAttribute('title'); //获取一个占位符图片的src值 var temp = document.getElementById('temp'); var info = document.getElementById('info'); //设置占位符力图片的src属性 temp.setAttribute('src', source); info.innerHTML = title; //禁用A的默认行为 return false; } }</script></body></html>

关键词:相册,网络

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭