成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

這是一個很簡單的應用，不過在設計中，這樣做可以減輕服務器的壓力，是請求次數減少，是一個不錯的方法。
特別要說明的是，在這種小圖片上即使是兩張圖片其實就響應時間來說也慢不了多少，不過有一個問題，就是兩張圖片交替時容易出現背景圖片從新加載而導致很段時間不顯示的效果。（時間長短視服務器的響應速度和圖片大小而變化）

下面是css的部分：

body {
font-family: "Lucida Sans", "Lucida Sans Unicode";
font-size: 14px;
line-height: 24px;
}
ul {
list-style-type: none;
}
li {
float: left;

}
a{
background-image: url(bg.gif);
height: 26px;
background-position: 53px 0px;
display: block;
margin-right: 10px;
width: 53px;
text-align: center;
color: #333333;
}

li a:link {
text-decoration: none;
}
li a:visited {
text-decoration: none;
}
li a:hover {
text-decoration: none;
background-position: 0 0px;//在這里規定從某一坐標開始顯示圖片}


從上面的代碼不難看出，這里面起決定性作用的是

background-position:* *px;


這樣，在復雜的css應用中，我們便可以解決背景圖片從新加載的問題