滚动条控制大全
来源:互联网 发布:木工机械制图软件 编辑:程序博客网 时间:2024/04/29 02:52
1、自定义滚动条:
3、去条垂直滚动条:
5、图片滚动条:
见上条信息。
<style>
body{ SCROLLBAR-FACE-COLOR: #8EBBFF; FONT-SIZE: 12px; SCROLLBAR-HIGHLIGHT-COLOR: #E6F0FF; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff }
</style>
2、去掉水平滚动条:body{ SCROLLBAR-FACE-COLOR: #8EBBFF; FONT-SIZE: 12px; SCROLLBAR-HIGHLIGHT-COLOR: #E6F0FF; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff }
</style>
<body style='overflow:scroll;overflow-x:hidden;'>
3、去条垂直滚动条:
<body style='overflow:scroll;overflow-y:hidden'>
4、给表格加上滚动条:
<style>
#table { width:300px;border:1px #f00 solid;}
#div { height:100px;width:100%;overflow-y:auto; }
</style>
<table id="table">
<tr>
<td>
<div id="div">
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
</div>
</td>
</tr>
</table>
#table { width:300px;border:1px #f00 solid;}
#div { height:100px;width:100%;overflow-y:auto; }
</style>
<table id="table">
<tr>
<td>
<div id="div">
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
这是一个带竖向滚动条的表格<br />
</div>
</td>
</tr>
</table>
5、图片滚动条:
见上条信息。
- 滚动条控制大全
- android控制滚动条滚动
- 滚动条定位控制
- 滚动条定位控制
- js控制滚动条
- 滚动条样式控制
- webbrowser滚动条控制
- css控制滚动条
- div滚动条控制
- js滚动条控制
- 控制滚动条位置
- CSS 滚动条样式大全
- DIV滚动条样式大全
- DIV滚动条样式大全
- DIV滚动条样式大全
- 滚动条大全(一)
- 滚动条大全(二)
- 滚动条大全(三)
- 末日帝国——Agile公司的困境 (4)
- 关于SQL Server的guest用户的几个关键问题
- .NET学习网站
- iframe里控制父框架的层显示与隐藏
- Resume Writing 101
- 滚动条控制大全
- Windows Gdi 应用-入门篇 (VC SDK)
- 关于“无法定位程序输入点getaddrinfo于动态链接库WS32_32.dll上”的问题
- DataGridView的一些技巧
- struts标签bean:write的用法
- 职场“狼道”双赢秘籍
- 转正总结(2)接(1)
- tomcat 6 关于EL表达式的一个错误。
- 素材(1)