<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#one,#two{
width: 100px;
height: 100px;
opacity: 0.4;
float: left;
}
</style>
</head>
<body>
<img src="img/a.jpg" alt="" id="one"/>
<img src="img/b.jpg" alt="" id="two"/>
<script type="text/javascript">
var imgs = document.getElementsByTagName("img");
for (var i = 0; i < imgs.length;i++) {
imgs[i].onmouseover = function(){
var img = event.target; //触发事件的对象本身
img.style.opacity = "1";
img.style.transform = "scale(2,2)";
// string字符串操作
var str = img.src;
// 找到最后一个 / 的位置
var index = str.lastIndexOf("/");
// 取子串,从/后面开始取,就是目标文件名
var strTarget = str.substr(index + 1);
alert(strTarget);
}
imgs[i].onmouseout = function(){
var img = event.target; //触发事件的对象本身
img.style.opacity = "";
img.style.transform = "";
}
}
</script>
</body>
</html>