鼠标单击怎么改变css的默认超链接背景
源码如下,单击时候整个div背景都变成了2.gif。我要单击是把他变成样式“#topmenuA.topmenu_here”怎么做?<HEAD><TITLE>网</TITL...
源码如下,单击时候整个div背景都变成了2.gif。我要单击是把他变成样式“#topmenu A.topmenu_here”怎么做?
<HEAD><TITLE>网</TITLE>
<style>
#topmenu {
LINE-HEIGHT: 28px
}
#topmenu A {
PADDING-BOTTOM: 8px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px; BACKGROUND: url(1.gif) no-repeat; COLOR: #317cc8; PADDING-TOP: 8px
}
#topmenu A.topmenu_here {
BACKGROUND: url(top_menu_bg_hover2.gif) no-repeat; COLOR: #f8faff; TEXT-DECORATION: none
}
#topmenu A:hover {
BACKGROUND: url(2.gif) no-repeat; COLOR: #f8faff; TEXT-DECORATION: none
</style>
</HEAD>
<script type="text/javascript">
function f()
{
topmenu.style.backgroundImage = "url(2.gif)"; //改变背景图片
topmenu.className=topmenu A.topmenu_here;
}
</script>
<BODY>
<DIV id=topmenu onClick="f();">
<A href="#">11111</A>
<A href="#">22222</A>
<A href="#">最新特效</A>
<A href="#">浏览排行</A>
<A href="#">网站留言</A>
</DIV>
</BODY></HTML> 展开
<HEAD><TITLE>网</TITLE>
<style>
#topmenu {
LINE-HEIGHT: 28px
}
#topmenu A {
PADDING-BOTTOM: 8px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px; BACKGROUND: url(1.gif) no-repeat; COLOR: #317cc8; PADDING-TOP: 8px
}
#topmenu A.topmenu_here {
BACKGROUND: url(top_menu_bg_hover2.gif) no-repeat; COLOR: #f8faff; TEXT-DECORATION: none
}
#topmenu A:hover {
BACKGROUND: url(2.gif) no-repeat; COLOR: #f8faff; TEXT-DECORATION: none
</style>
</HEAD>
<script type="text/javascript">
function f()
{
topmenu.style.backgroundImage = "url(2.gif)"; //改变背景图片
topmenu.className=topmenu A.topmenu_here;
}
</script>
<BODY>
<DIV id=topmenu onClick="f();">
<A href="#">11111</A>
<A href="#">22222</A>
<A href="#">最新特效</A>
<A href="#">浏览排行</A>
<A href="#">网站留言</A>
</DIV>
</BODY></HTML> 展开
2个回答
展开全部
#topmenu A.topmenu_here {
BACKGROUND: url(top_menu_bg_hover2.gif) no-repeat; COLOR: #f8faff; TEXT-DECORATION: none
}
id 和class放在一起定义的结果是什么就是用id和用class一样都会使A的样式改变吗?
BACKGROUND: url(top_menu_bg_hover2.gif) no-repeat; COLOR: #f8faff; TEXT-DECORATION: none
}
id 和class放在一起定义的结果是什么就是用id和用class一样都会使A的样式改变吗?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询