图片代替滚动条 

<html>
<style> 
body{padding:10px 0 0px 0;margin:0; font-size:12px; color:#666666; line-height:20px;}
p.text{padding:10px; margin:10px; background:#f5f5f5; border:1px solid #ccc;}
.fontRed{ color:#FF0000}
.title{font-family:Verdana, Arial; font-weight:bold; font-size:14px; padding:0 20px}
.demo{ width:500px; margin:30px; font-size:12px; padding:1px; border:1px solid #ccc;}
.demo2{ border:1px solid #ccc; padding:1px; background:#fff; width:700px; margin:20px;}
.logo h1,.footer h1{ height:1px; overflow:hidden; padding:0; margin:0; line-height:20px; font-size:12px; display:block}
.footer { border-top:1px dotted #ccc; font-family:Verdana, Arial, Helvetica, sans-serif;  background:#efefef}
.footer .copyRight{padding:20px; font-size:11px;}
.footer .copyRight p a{ text-decoration:none;}
pre.text{padding:10px; margin:10px; background:#f5f5f5; border:1px solid #ccc;}
.img{ border:1px solid #efefef; padding:1px; background:#fff; width:99px; margin:0 0 0 20px}
#tt,#cc,#ee{background:#f5f5f5; height:100px;}
 
.download{font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:20px}
</style>
<div class="img"><img src="s_bg4.gif" border="0" alt="所用图片" /></div>
<div class="demo2"  style="background:#081622;">
    <div class="hh" style="height:200px;"><!--padding会被取消-->
        <div style="padding:5px"><!--padding这里设置-->
<pre style="padding:0; margin:0; color:#b5b5b5; font-family:Verdana, Arial, Helvetica, sans-serif"><br>1
<br>www.zhaomu.com
<br>朝暮数据
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1
<br>1</pre>
        </div>
    </div>
</div>
<script language="JavaScript" src="jquery.js">
</script>
<script language="JavaScript" src="jscroll.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
 $(".hh").jscroll({
   W:"15px"
  ,BgUrl:"url(s_bg4.gif)"
  ,Bg:"right 0 repeat-y"
  ,Bar:{Pos:"bottom"
        ,Bd:{Out:"#a3c3d5",Hover:"#b7d5e6"}
        ,Bg:{Out:"-45px 0 repeat-y",Hover:"-58px 0 repeat-y",Focus:"-71px 0 repeat-y"}}
        ,Btn:{btn:true
              ,uBg:{Out:"0 0",Hover:"-15px 0",Focus:"-30px 0"}
              ,dBg:{Out:"0 -15px",Hover:"-15px -15px",Focus:"-30px -15px"}}
  ,Fn:function(){}
 });
});
</script>

<body>

朝暮数据
<a href="http://www.zhaomu.com">www.zhaomu.com</a>
</body>
</html>

 

稍后不上JS文件

posted @ 2012-04-09 13:31  烟F火  阅读(156)  评论(0)  编辑  收藏  举报