Question

如何用js写ahover样式

如何用JS写关于a链接的hover样式呢？
就是我想用js控制a的hover样式，ahovery样式是一张图，如何嵌进去？还有就是当我鼠标移出的时候，要换成另外一张图该怎么做？

Answer 1

jquery里面有个hover方法，两个参数，一个是鼠标移入的时候执行方法，第二个是鼠标移出时候执行的方法
$('a').hover(function(){
//一张图
},function(){
//换另一张图

});

追问

还能有详细点的啊？求加QQ

追答

不好意思，公司规定不能用QQ
你的a标签内容应该是一个img标签，假如你a标签本来的图片是1.jpg，经过的时候换成2.jpg,那么
$('a').hover(function(){
$(this).find('img').attr('src','2.jpg');
},function(){
$(this).find('img').attr('src','1.jpg');});

追问

我的页面是这样的：
开始的时候当a标签碰到图片的时候是一种hover样式，然后移出之后，当倒计时过完了，再移动上去的时候又换成另外一种hover样式，也可以用你刚才上面的方法吗？

追答

现在假设你的a标签默认是一张图片(1.jpg)，第一次移入变成2.jpg，并且开始倒计时，当倒计时结束再次移入变成3.jpg
给img加个属性,data-src储存图片路径

var flag=true;
$('a').hover(function(){
$(this).find('img').attr('src',$(this).find("img").attr("data-src"));
},function(){
if(flag){
flag=false;

setTimeout(function(
$(this).find("img").attr("data-src","3.jpg");

flag=true;

),5000);

}
});

追问

我试下啊 但是那个data-src里我是可以放新的hover样式图吗

追答

你想放什么就放什么，它只是个储存功能，没有其他

追问

我写了但是看起来没起效果啊  

追答

不好意思，作用域有点问题，稍改一下
var flag = true;
$('a').hover(function () {
$(this).find('img').attr('src', $(this).find("img").attr("data-src"));
}, function () {
var _this=$(this).find("img");
if (flag) {
flag = false;
setTimeout(function () {
_this.attr("data-src", "3.jpg");
flag = true;
}, 5000);
}
});

Answer 2

a.onmouseover=function(){
//悬停
};
a.onmouseout=function(){
//离开
};
将你要实现的效果代码写到相应的方法中就可实现了

追问

还能有详细点的啊？

追答

你首先要清楚你想要干嘛 具体点，我们的回答才是你想要的

追问

我的页面是这样的：
开始的时候当a标签碰到图片的时候是一种hover样式，然后移出之后，当倒计时过完了，再移动上去的时候又换成另外一种hover样式。
就是在来回切换这个hover样式的时候不知道该怎么做

追答

看你也是新手，可能对javascript不是很熟悉，你就用楼下的jquery吧 思路其实一样，jquery更简单