利用jQuery CSS3实现彩色网页滚动条

代码结构

1. 引入CSS

<link type="text/css" href="style.css" rel="stylesheet"  />

2. 引入JS

<script type="text/javascript" src="js/jquery-1.7.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>

3. HTML代码

<div class="main" >
        <div class="book" >
                <div id="scroll">
                       <div id="scroLeft">
                              <ul>
                                    <li class="absolute"></li>
                                    <li class="absolute"></li>
                                    <li class="absolute"></li>
                                    <li class="absolute"></li>
                                    <li class="absolute"></li>
                                    <li class="absolute"></li>
                                    <li class="absolute"></li>
                                    <li class="absolute"></li>
                                    <li class="absolute"></li>
                              </ul>
                       </div>
                       <div id="scroRight" >
                             <div id="scroLine"></div>
                       </div>
                </div>    
               <div class="R_Page">
                    <div class="title">Absolute Vodka</div>
                    <div class="wheat"></div>
                    <div class="sub_title">Made by Premium Wheat</div>
                    <ul class="rate">
                          <li></li><li></li><li></li><li></li><li></li>
                    </ul>                           
              </div>  
        </div>
</div>