css3技术

DIVCSS菜单:超炫的菜单一张图片实现鼠标的两种状态及CSS当前页效果_div+css布局教程(2)

字号+ 作者:H5之家 来源:H5之家 2015-09-20 13:17 我要评论( )

#page_a #nav #navind a#cur1 {background:url(nav.jpg) 0 -110px } #page_b #nav #navxue a#cur2 {background:url(nav.jpg) -121px -110px } #page_c #nav #navpei a#cur3 {background:url(nav.jpg) -237px -110px

#page_a #nav #navind a#cur1 {background:url(nav.jpg) 0 -110px }
#page_b #nav #navxue a#cur2 {background:url(nav.jpg) -121px -110px }
#page_c #nav #navpei a#cur3 {background:url(nav.jpg) -237px -110px }
#page_d #nav #navren a#cur4 {background:url(nav.jpg) -353px -110px }
#page_e #nav #navkao a#cur5 {background:url(nav.jpg) -469px -110px }


  我们用这些代码实现了CSS当前页的效果。我们所需要做的是给body赋予不同的id,即可实现了菜单背景图片的不同定位,而指示出当前页是在哪一个栏目。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评