所谓DIV滚动条,就是利用DIV标签,在里面嵌入CSS样式表,加入overflow的属性值,这样,当div所规范的区域内的内容达到一定程序时,滚动条就派上用场。其功能大约是为了节约页面空间,就是所谓的“缩地”了。看看效果如何吧,代码在下一楼提供。
参考核心代码:
<DIV style="PADDING-RIGHT:10px;OVERFLOW-Y:auto;PADDING-LEFT:10px;SCROLLBAR-FACE-COLOR:#ffffff;FONT-SIZE:11pt;PADDING-BOTTOM:0px;SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;OVERFLOW:auto;WIDTH:510px;SCROLLBAR-SHADOW-COLOR:#919192;COLOR:blue;SCROLLBAR-3DLIGHT-COLOR:#ffffff;LINE-HEIGHT:100%;SCROLLBAR-ARROW-COLOR:#919192;PADDING-TOP:0px;SCROLLBAR-TRACK-COLOR:#ffffff;FONT-FAMILY:宋体;SCROLLBAR-DARKSHADOW-COLOR:#ffffff;LETTER-SPACING:1pt;HEIGHT:200px;TEXT-ALIGN:left">
滚动条相关颜色属性:
face-color:滑块颜色
hightlight-color:高亮颜色
3dlight-color:三维光线颜色
darkshadow-color:暗影颜色
shadow-color:阴影颜色
arrow-color:箭头颜色
tack-color:滑道颜色
滚动条属性:
overflow:auto为自动,yes为有,no为无
overflow-x:横向滚动条
overflow-y:纵向滚动条
分享到:
相关推荐
- 示例:`<menu><li>第一条</li><li>第二条</li></menu>` 5. **`<dir>`**:目录列表标记,同样类似于无序列表。 - 示例:`<dir><li>第一条</li><li>第二条</li></dir>` 6. **`<dl>`**:定义列表标记,用于显示...
3. `bgproperties=”fixed”`: 使背景图片固定,不会随滚动条滚动。 4. `text`: 设置文档正文的文字颜色,如:`text=”#FF6666”`。 段落和标题通过`<p>`和`<h1>`至`<h5>`标签实现,`<hr>`标签用于插入水平分隔线,...
41. **`<hr>`** - 绘制一条水平线,通常用于分隔内容。 42. **`<html>`** - 标记文档的开始和结束。所有其他HTML元素都位于这个元素内部。 43. **`<i>`** - 使文本以斜体显示。现在推荐使用`<em>`或`<italic>`以...
2. CSS 属性 `overflow` 用于设置元素超过宽度时是否隐藏或显示滚动条。 3. 在不涉及样式情况下,页面元素的优先显示与结构摆放顺序有关。 4. 在不涉及样式情况下,页面元素的优先显示与标签选用有关。 5. `display:...
评论区可使用`<form>`表单来收集用户反馈,`<textarea>`用于输入评论,`<button>`提交按钮,`<div>`或`<section>`组织不同部分。 4. **HTML基础知识** - **结构标签**:HTML5引入了语义化标签如`<header>`、`<nav>...
<li><a href="#projects">我的项目</a></li> <li><a href="#skills">技能</a></li> <li><a href="#contact">联系我</a></li> </ul> </nav> </header> <main> <section id="about"> <h1>关于我</h1> <p>...
9. **<form>**:表单组件,可以收集用户输入的数据,通常与<button>配合使用,用于提交表单。 10. **<checkbox>** 和 **<radio>**:复选框和单选按钮,用于多选和单选场景。 11. **<slider>**:滑动条控件,用户...
- **滚动条处理**:当表格内容超过容器大小时,自动添加滚动条。 3. **增删操作**: - **添加记录**:当用户完成表单填写后,通过JavaScript收集表单数据,并将其添加到表格中。 - **删除记录**:为每条记录提供...
框架的属性包括边框颜色、宽度以及是否显示滚动条。 4. **表格(Tables)**:`<table>`、`<tr>`、`<td>`和`<th>`等标签用于创建表格。表格的宽度、间距、填充和边框都可以通过CSS来调整。例如,`<table width="699...
</div> ``` #### 三、表单标签详解 ##### 1. 表单标签`<form>` - **作用**:收集用户输入的信息。 - **属性**: - `action`:指定处理表单数据的服务器脚本地址。 - `method`:指定发送表单数据的方法,如`GET...
标记在使用时,用尖括号 "<>",标记的分类 1、封闭类型的标记 也称为 "双标记" , 必须成对出现 语法:<标记>内容</标记> Demo : 1、创建 p 标记 --<p>...</p> 2、创建 div 标记 -- <div></div> 3、创建 ...
6. **对齐方式**:文本的对齐可以通过`<div>`标签的`align`属性来设置,如`align="left"`(左对齐)、`align="right"`(右对齐)、`align="center"`(居中对齐)和`align="justify"`(两端对齐)。注意`align=...
2. **滚动监听**:通过`window.scrollY`和`window.innerHeight`等属性,当用户滚动到特定位置时,可以固定导航条在顶部,实现“粘性”效果。 3. **动态加载**:结合Ajax,可以实现导航条链接不刷新页面的情况下加载...
创建覆盖在`textarea`上的透明div,监听滚动事件,手动调整div的位置以模拟滚动条效果。这种方法较复杂,需要考虑更多的边界情况和性能优化。 4. **浏览器检测与条件样式** 可以使用JavaScript检测浏览器类型,...
9. **表单元素**:`<form>`、`<input>`、`<textarea>`和`<select>`用于用户输入,可能在"绿色冠军"项目中用于收集用户反馈或注册信息。 10. **响应式设计**:使用CSS媒体查询(`@media`)和HTML5的`<meta name=...
网页浮动QQ还需要JavaScript的支持来实现动态效果,如跟随滚动条移动、显示隐藏等。示例中的JavaScript代码用于控制浮动窗口随着页面滚动而移动。 ```javascript var stmnGAP1 = 0; var stmnGAP2 = 96; var ...
6. **适应性**:考虑不同显示器分辨率,避免水平滚动条,保证图片适应性。 7. **链接有效性**:确保各页面间链接合理,使用相对路径。 8. **代码质量**:要求代码结构清晰,避免冗余。 **设计内容** 1. **汽车美容...
例如,`<article>`元素可能用于包裹每条新闻的详细内容,`<header>`和`<footer>`用于头部和底部信息,而`<nav>`则用于导航菜单。`<form>`元素可能用于创建数据输入表单,让管理员能够添加或编辑新闻。 除了基本的...
- `<frame>`标签用于定义框架集中的单个框架,可以设置框架的名称、边框大小、是否可调整大小、滚动条等属性。 3. ASP代码:Active Server Pages,一种服务器端脚本环境,用于创建动态交互式网页。 - `<meta ...