javascript - 悬停时交叉淡入淡出提交按钮

Question

我想自定义我的提交按钮，这样当鼠标悬停在它上面时，它会淡入淡出到我的 sprite 中的新背景图像位置。我可以很容易地让它切换到那个位置，但我想让它慢慢淡出。

关于如何为简单链接执行此操作的文章有很多，但它们本质上都是将其他图像定位在按钮区域上，然后相应地淡化不透明度。这对于提交按钮似乎是不可能的，因为输入元素似乎无法包含子元素(即其他背景 Sprite )。想法？

Answer 1

我不确定这是否是您正在寻找的，但无论如何请看一下

http://snook.ca/archives/javascript/jquery-bg-image-animations

演示:http://snook.ca/technical/jquery-bg/

无论如何，您仍然可以使用 jquery 将点击监听器事件添加到任何 div，并使其充当提交按钮。

$("div.submit").click(function() {
    document.forms[0].submit();
});

添加css，鼠标悬停

div.submit:hover {
    pointer: cursor;
}