jquery怎么给div下的a标签添加背景图片？_IT百科

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

$(document).ready(function(e) {

$.each($("#PagingView a"),function(index,item){

switch($(item).text()){

case "First":

$(item).css({"color":"#ff0","background":"url(logo.png)"})

break

case "Next":

$(item).css({"color":"#f00","background":"url(logo.png)"})

break

case "Last":

$(item).css({"color":"#0f0","background":"url(logo.png)"})

break

}

})

</script>

</head>

<body>

<a href="javascript:" style="height:100pxwidth:100pxdisplay:block">First</a>

</div>

</body>

</html>

可以这样做：

1、首先a{display：block；

width：60px

height:40px

}

把每个导航超链接a标签都设置成块儿，设置好尺寸，具体根据图片的尺寸。不做成块儿，就无法设置宽高，也就看不到你设置的背景图片的

然后

a:hover{

background:url(images/bg_2.jpg)

}

举例的这个bg_2.jpg就

2、首先制作好一个自己喜欢的导航条背景，长度和宽度都可设置成和官方一样的。

将自己制作好的导航条背景名字改成nv.png记住如果你做出来的是其他格式的话要转换成.png格式的才行。

3、打开你的ftp上传工具连接到网站目录。

1然后找到template/default/style/t5/下面的nv.png文件，这是官方默然的文件路径，如果你用的是其他模板的话找到nv.png。上传覆盖自己弄好的背景至template/default/style/t5里面后台更新缓存就完成更换了。

【延展】

导航条：

导航条起到了各个页面的关联作用，导航条的类型有很多，有通栏导航条，有为了美观性的中英切换导航，还有带有下拉框的导航条，这些导航条都是根据网站内容而定，因此学习该课程你能够了解现在网站经常出现的导航条样式，并可以灵活的运用。

欢迎分享，转载请注明来源：内存溢出

jquery怎么给div下的a标签添加背景图片？