时间: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>
关键词:相册,网络