學(xué)習(xí)小實例--滾動條的簡單實現(xiàn)
更新時間：2016年06月25日 09:35:22 投稿：jingxian
下面小編就為大家?guī)硪黄獙W(xué)習(xí)小實例--滾動條的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
效果：
代碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>huanhangtiao</title>
<style>
a{
width:17px;
height:20px;
font:12px/20px "宋體";
border:1px solid #e0e1e2;
display:inline-block;
text-align:center;
color: #2052a3;
}
.shang{
width:64px;
}
a:hover,.active{
background-color:#1f3a87;
color:#fff;
}
</style>
</head>
<body>
<div class="">
<a class="shang">上一頁</a>
<a>1</a>
<a>2</a>
<a class="active">3</a>
<a>4</a>
<a>5</a>
<a>6</a>
<a>7</a>
<a>8</a>
<a>9</a>
<a class="shang">下一頁</a>
</div>
</body>
</html>
以上就是小編為大家?guī)淼膶W(xué)習(xí)小實例--滾動條的簡單實現(xiàn)全部內(nèi)容了，希望大家多多支持腳本之家~
相關(guān)文章
解決列高度自適應(yīng)(相同)的五種方法...2007-02-02
《CSS3實戰(zhàn)》筆記--漸變設(shè)計（二)
這篇文章主要介紹了《CSS3實戰(zhàn)》筆記--漸變設(shè)計（二,需要的朋友可以參考下2016-05-05
指定網(wǎng)頁的doctype解決CSS Hacking方法總結(jié)
我們都知道，要做WD（web designer）,首先得伺侯好幾個瀏覽器:IE6,IE7,Firefox.一般的頁面，都只要求在IE6,IE7,Firefox下正常工作就行了。2008-09-09
很不錯的 CSS Hack 又學(xué)了一招...2007-03-03
大部分是由注釋造成文字溢出，屬于IE6的BUG，溢出文字的字數(shù)=注釋的條數(shù)*2-1，這里的字數(shù)在中 文或英文數(shù)字時都成立。注釋坐在位置與溢出位置、區(qū)塊的浮動以及文字區(qū)塊的固定寬度有必然聯(lián)系。2008-12-12
對于IE7、FF、OP清除浮動的最優(yōu)方法...2007-11-11
這篇文章主要介紹了td,div標簽里內(nèi)容不換行的方法,需要的朋友可以參考下2014-05-05
css多行多列的實現(xiàn)一般要注意a的浮動.需要注意的:li的清除浮動2008-05-05
ie6,ie7,ie8完美支持position:fixed的終極解決方案
ie6對position:fixed不支持，網(wǎng)上有很多解決方法，有的在ie6,ie7上調(diào)試成功后，在ie8上又不好使，div層還是跟隨滾動條浮 動；以下總結(jié)方法，在ie6,ie7,ie8上都調(diào)試成功，且頁面滾動條滾動時，效果還挺好，div層并不會閃爍。2014-05-05
關(guān)于td的height和line-height兼容問題
寫頁面的時候，遇到處理數(shù)據(jù)的時候還是要用TABLE的，但是有的時候顯示出來table, ie和ff的高不同。2008-04-04