您的位置：首页 > 其它

img查找字符串使用

2016-07-13 19:12 253 查看

<!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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 字符串

相关文章推荐

新的分享

章节导航