javascript鼠标悬停代码
这里的函数很简单，但不起作用。刚开始使用Javascript，所以请对我温柔一点。还有谁知道有什么适合初学者的社区论坛吗。我觉得这是一个很简单的问题，但也许不是javascript鼠标悬停代码,javascript,Javascript,这里的函数很简单，但不起作用。刚开始使用Javascript，所以请对我温柔一点。还有谁知道有什么适合初学者的社区论坛吗。我觉得这是一个很简单的问题，但也许不是 <html> <head> <script type="text/javascript"> var img; function mouseOver() { alert(img); img.src ="button_over.jpg"; } function mouseOut() {
<html>
<head>
<script type="text/javascript">
var img;
function mouseOver()
{
alert(img);
img.src ="button_over.jpg";
}
function mouseOut()
{
img.src ="button_out.jpg";
}
function init()
{
img = document.getElementById("buttonWrapper").getElementsByTagName('img')[0];
}
</script>
</head>
<body onLoad="javascript:init()">
<div id="buttonWrapper">
<img border="0" src="button_out.jpg" width="62" height="74" onmouseover="mouseOver()" onmouseout="mouseOut()" / >
</div>
</body>
</html>
var-img；
函数mouseOver（）
{
警报（img）；
img.src=“button\u over.jpg”；
}
函数mouseOut（）
{
img.src=“button\u out.jpg”；
}
函数init（）
{
img=document.getElementById（“ButtonRapper”）.getElementsByTagName（“img”）[0]；
}
在这种情况下，您可以通过示例轻松地将单击事件绑定到img标签上我不知道这是否能解决您的问题，但这样做不是更容易吗
<html>
<head>
<script type="text/javascript">
function mouseOver(img)
{
img.src ="button_over.jpg";
}
function mouseOut(img)
{
img.src ="button_out.jpg";
}
</script>
</head>
<body>
<div id="buttonWrapper">
<img border="0" src="button_out.jpg" width="62" height="74" onmouseover="mouseOver(this)" onmouseout="mouseOut(this)" />
</div>
</body>
</html>
功能鼠标盖（img）
{
img.src=“button\u over.jpg”；
}
功能鼠标输出（img）
{
img.src=“button\u out.jpg”；
}
var img = document.getElementById("buttonWrapper").getElementsByTagName('img')[0];
img.onmouseover = function() {
this.src = "button_over.jpg";
}
img.onmouseout = function() {
this.src = "button_out.jpg";
}
我建议学习和使用JQuery： 网站上有很多很好的教程，你可以用谷歌搜索更多 下面是一个站点的代码片段，该站点有几个按钮，这些按钮具有鼠标悬停、鼠标悬停、鼠标向下和悬停状态。当然，每个按钮状态都有自己的图像：
$(function () {
$("#btnPrintSheet").mousedown(function () {
$(this).attr("src", BASE_IMG_PATH + "printDN.gif");
}).mouseup(function () {
$(this).attr("src", BASE_IMG_PATH + "printOV.gif");
}).hover(function () {
$(this).attr("src", BASE_IMG_PATH + "printOV.gif");
}, function () {
$(this).attr("src", BASE_IMG_PATH + "printUP.gif");
});
});
<html>
<body>
<div>
<img src="button_out.jpg" width="62" height="74" onmouseover="mouseOver(this)" onmouseout="mouseOut(this)" / >
</div>
</body>
<script>
var mouseOver = img => {
img.src ="button_over.jpg";
}
var mouseOut = img => {
img.src ="button_out.jpg";
}
</script>
</html>
var mouseOver=img=>{
img.src=“button\u over.jpg”；
}
var mouseOut=img=>{
img.src=“button\u out.jpg”；
}
警报（）