javascript function mOver(obj)应用程序
嗨：我在wordpress上做一个站点，我需要两段代码，一直给我带来困难。我知道这很容易，但我不能让它奏效。
>
我需要使当鼠标移过（或进入）三个图像中的任何一个时，图像会改变（幻灯片）为另一个带有说明性文本的图像。我怎样才能包括图像到这个示例代码和作为图像在链接波纹管？
<div onmouseover="mOver(this)" onmouseout="mOut(this)" style="background-color:#D94A38;width:120px;height:20px;padding:40px;">Mouse Over Me</div>
<script>
function mOver(obj)
{
obj.innerHTML="Thank You"
}
function mOut(obj)
{
obj.innerHTML="Mouse Over Me"
}
</script>
鼠标放在更改内容上http://www.nrgtechnologies.com.au/moreimages/plain-2.jpg
- 与水平菜单的效果也非常相似，该菜单在鼠标移过的3或4个菜单元素之间具有滑动过渡，根据链接波纹管上的图像。
鼠标放在滑动菜单和内容上：http://www.nrgtechnologies.com.au/moreimages/plain-1.jpg
谢谢你的帮助
共有1个答案
请看下面的脚本：
<!DOCTYPE HTML>
<html>
<head>
<title>Test</title>
<style type="text/css">
.slide {
background-image: url(plain-2.jpg);
width: 295px;
height: 220px;
-webkit-transition: background-position .5s ease-in-out;
}
.slide-1 {
background-position: -30px -215px;
-webkit-transition: background-position .5s ease-in-out;
}
.slide-2 {
background-position: -354px -215px;
-webkit-transition: background-position .5s ease-in-out;
}
.slide-3 {
background-position: -675px -215px;
-webkit-transition: background-position .5s ease-in-out;
}
.moz-over {
background-color: #ccc;
}
</style>
</head>
<body>
<div id="images" class="slide slide-1">
</div>
<span onmouseover="mozOver(this)" onmouseout="mozOut(this)">slide-1</span>
<span onmouseover="mozOver(this)" onmouseout="mozOut(this)">slide-2</span>
<span onmouseover="mozOver(this)" onmouseout="mozOut(this)">slide-3</span>
<script type="text/javascript">
var mozOver = function(target) {
target.className = "moz-over";
var images = document.getElementById("images");
images.className = "slide " + target.innerHTML;
};
var mozOut = function(target) {
target.className = "";
};
</script>
</body>
</html>
我不确定你是否想要。逻辑如上。
-
问题内容： 我的老板说我应该使用，因为它比更好，但是他不记得为什么这样做。有什么理由要使用吗？ 我以某种方式感觉到…相反！ 在Google上进行搜索后，我发现的唯一结果是： 在C语言中，它可以防止您意外地在条件结构中键入（obj = null）。 问题答案： 您不能通过输入来意外分配给它。但是，这是C时代的回忆，在Java中是不可能的，因为表达式返回赋值的右侧。由于不是，编译器会抱怨。 我会尽力向
-
本文向大家介绍请编写一个对象obj满足 obj=='a' && obj=='b' && obj=='c'相关面试题，主要包含被问及请编写一个对象obj满足 obj=='a' && obj=='b' && obj=='c'时的应答技巧和注意事项，需要的朋友参考一下
-
The obj-model component loads a 3D model and material using a Wavefront(.OBJ) file and a .MTL file. Example We can load an .OBJ model by pointing to assets that specify the path to an .OBJ and .MTL fi
-
参数 (Parameters) obj - 这是要从列表中删除的对象。 返回值 (Return Value) 此方法不返回任何值，但从列表中删除给定的对象。 例子 (Example) 以下示例显示了remove（）方法的用法。 #!/usr/bin/python aList = [123, 'xyz', 'zara', 'abc', 'xyz']; aList.remove('xyz'); pri
-
描述 (Description) 方法index()返回obj出现的列表中的最低索引。 语法 (Syntax) 以下是index()方法的语法 - list.index(obj) 参数 (Parameters) obj - 这是要找出的对象。 返回值 (Return Value) 此方法返回找到的对象的索引，否则引发一个异常，指示该值未找到。 例子 (Example) 以下示例显示了index（
-
描述 (Description) 方法count()返回列表中obj出现次数的计数。 语法 (Syntax) 以下是count()方法的语法 - list.count(obj) 参数 (Parameters) obj - 这是要在列表中计算的对象。 返回值 (Return Value) 此方法返回列表中obj出现次数的计数。 例子 (Example) 以下示例显示了count（）方法的用法。 #