站长论坛

标题: background-position的妙用 [打印本页]

作者: sunhw0725 时间: 2007-9-11 12:31
标题: background-position的妙用
js控制图片切换有两个缺陷
1.有时后切换缓慢,需要预载解决
2.要制作2-3套图片

<style type="text/css">
#menu a {
display:block;
width:150px;
margin:6px;
padding:10px 0 10px 32px;
font:10px/1 sans-serif;
color:#f90;
background: url("http://nb001722.sosoo.net/btn.gif") top left no-repeat;
text-decoration: none;
}
#menu a:hover {
background-position: 0 -39px;
color:red;
}
#menu a:active {
background: url("http://nb001722.sosoo.net/btn.gif") 0 -78px no-repeat;
color:black;
}
</style>
</head>
<body>
<div id="menu">
<a href="###">Menu link 1</a>
<a href="###">Menu link 2</a>
<a href="###">Menu link 3</a>
<a href="###">Menu link 4</a>
<a href="###">Menu link 5</a>
</div>

欢迎光临站长论坛 (http://tzlink.com/bbs/)