Question

js焦点图切换图片的数字按钮代码怎么写？要有鼠标点击、经过、离开的效果的

要求当鼠标点击数字时背景颜色变为绿色，鼠标经过其他数字时颜色为黄色，鼠标离开时又恢复到原来的背景色，要怎么实现这段代码啊？？

Answer 1

<div style="background-color: silver;padding:60px;width:130px" onclick="this.style.backgroundColor='green'" onmousemove="this.style.backgroundColor='yellow'" onmouseout="this.style.backgroundColor='silver'" >520</div>

追答

有难度 ，没想好，恐怕要用 jQuery

Answer 2

<script>
var flag = "none";
function handleClick(obj)
{
obj.style.backgroundColor='green';
flag = flag=="none" ? "clicked" : "none";
}
function handleMove(obj)
{
if(flag == "clicked")
return;
obj.style.backgroundColor='yellow';
}
function handleOut(obj)
{
if(flag == "clicked")
return;
obj.style.backgroundColor='silver';
}
</script>
<div style="background-color: silver;padding:60px;width:130px" onclick="handleClick(this)" onmousemove="handleMove(this)" onmouseout="handleOut(this)" >520</div>

以上代码，点击一次变绿色，再次点击恢复，鼠标移动不会影响被点击过的内容。

Answer 3

换这个图片切换试试吧
有12345数字一起切换
鼠标点一下数字会变换到另一张图片，不点就会自动换
后台循环输出内容就行
里面有教程和源码

Answer 4

试试这个图片切换
有12345数字一起切换
鼠标点一下数字会变换到另一张图片，不点就会自动换
里面有教程和源码