html鼠标滑过图片,让原图在另一个IMAGE里显示出来
functiondanji(){document.getElementById("im").src=this.src;}这是js的代码,为啥只显示一个叉叉了。。。...
function danji() {
document.getElementById("im").src = this.src;
}
这是js的代码,为啥只显示一个叉叉了。。。 展开
document.getElementById("im").src = this.src;
}
这是js的代码,为啥只显示一个叉叉了。。。 展开
展开全部
因为你是在img里面写的onclick=“danji()”。这样的话是没有办法获取到this.src这个属性的值得。所以没有办法显示。你可以换成以下代码,将需要点击的图片获取成一个对象,对你的对象进行绑定点击事件。即可
<body>
<img src="" alt="" title="" id="im"style="width:100px;height:100px;"/>
<img id="clickThis" src="QQ图片20140410133431.jpg" alt="" title="" style="width:100px;height:100px;">
</body>
<script>
document.getElementById('clickThis').onclick = function () {
console.log(this.src);
document.getElementById("im").src = this.src;
}
</script>
要是想鼠标经过的时候就将onclick换成onmouseover即可
<body>
<img src="" alt="" title="" id="im"style="width:100px;height:100px;"/>
<img id="clickThis" src="QQ图片20140410133431.jpg" alt="" title="" style="width:100px;height:100px;">
</body>
<script>
document.getElementById('clickThis').onclick = function () {
console.log(this.src);
document.getElementById("im").src = this.src;
}
</script>
要是想鼠标经过的时候就将onclick换成onmouseover即可
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询