`

DIV style相关参数

    博客分类:
  • HTML
 
阅读更多

   所谓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:纵向滚动条


分享到:
评论

相关推荐

    JavaScript设置Div的margin参数

    JavaScript 设置 Div 的 margin 参数 在 HTML 中,我们经常需要设置元素的样式,包括 margin 属性。margin 属性用于设置元素的外边距,而 JavaScript 可以帮助我们动态地设置元素的 margin 属性。 margin 属性可以...

    div弹出层,根据参数不同div层显示不同内容

    本文将详细探讨如何利用`div`元素实现动态弹出层,并根据传入的不同参数显示不同的内容。这在交互式用户体验设计中非常常见,例如,用于展示详细信息、提供用户确认或展示各种警告消息。 首先,我们要理解`div`的...

    Div+CSS层完美实现拖拽特效

    为了提高可维护性和复用性,可以将这些功能封装成一个自定义的拖拽插件,通过传递参数来配置拖动行为,如是否开启边界检测、是否允许水平/垂直拖动等。 此外,对于弹出层的拖拽效果,我们通常需要考虑弹出层的显示...

    div 拖动 拖动层

    根据提供的文件信息,本文将详细解析“div拖动”这一技术相关的知识点,包括其实现原理、应用场景以及具体的代码实现方式。 ### 一、基础知识:理解div拖动 #### 1.1 div元素简介 在HTML中,`div`是块级元素中最...

    div的图层切换函数

    &lt;div id="layer2" class="layer" style="display: none;"&gt;这是图层2&lt;/div&gt; ``` 2. **CSS样式**: 为了统一管理图层的样式,我们可以创建一个名为 `text.css` 的外部样式表。在其中定义 `.layer` 类,设置基本样式...

    左侧隐藏div,点击按钮弹出

    &lt;div id="hiddenDiv" style="display:none;"&gt; 这里是隐藏的内容 &lt;/div&gt; 点击显示/隐藏 ``` 接下来,CSS(如contactable.css)用于设置div的样式和隐藏效果。`display:none;`属性使得div在页面加载时不显示。可以为...

    HTML+CSS+DIV+JS的参数说明和帮助以及编程技巧

    在网页开发领域,HTML、CSS、DIV和JS是构建...综上,熟练掌握HTML、CSS、DIV和JS的参数说明、使用方法以及编程技巧,将有助于你构建高质量、用户友好的网页应用。不断实践和学习,才能在这个快速发展的领域保持竞争力。

    原生js和jQuery随意改变div属性style的名称和值

    通过点击不同的按钮,使用`.css()`方法可以改变div的样式,或者使用`.removeAttr("style")`来移除div的所有内联样式。 ### HTML结构和CSS样式 在演示如何使用JavaScript和jQuery改变样式的同时,文档也提供了一个...

    js弹出div层模拟alert(可以在iframe中使用)

    &lt;div id="customAlert" style="display:none;"&gt; &lt;p id="alertMessage"&gt;&lt;/p&gt; 确定 &lt;/div&gt; ``` 接下来,我们需要编写JavaScript代码来控制这个自定义的div层。我们将实现打开、关闭和设置消息的功能: ```...

    DIV拖动效果

    &lt;div id="draggableDiv" style="position: absolute; width: 200px; height: 200px; background-color: #f0f0f0;"&gt;&lt;/div&gt; ``` 接下来,我们需要用JavaScript或jQuery来实现拖动功能。这里我们使用JavaScript原生...

    点击页面链接后根据参数调用后台方法,获取数据并显示数据到弹出div上

    div.style.display = 'block'; // 显示div div.innerHTML = JSON.stringify(data, null, 2); // 将数据转换为格式化的字符串并显示 positionDivBelowLink(div); // 定位div到链接下方 } function ...

    js实现简单div拖拽功能实例.docx

    这里使用了一个名为 `drag` 的函数,它接受一个参数,即需要拖拽的 Div 的 ID。函数内部做了以下几件事: 1. 获取 Div 元素:如果传入的是字符串(ID),则通过 `getElementById` 方法获取对应的 DOM 元素。 2. ...

    JS实现各种动态显示隐藏div效果

    div.style.height = 高度 -= 10 + 'px'; } }, 10); } ``` 上述代码中,`slideToggle`函数接收div的ID,然后使用`setInterval`每隔10毫秒减少div的高度10像素,直到div完全隐藏。 2. **渐变显示隐藏效果**: ...

    Ajax实现div拖拽

    - 编写`send()`方法的参数,通常是一个JSON对象,包含div的新位置信息。 - 设置HTTP请求的类型(GET或POST),以及目标URL。 - 添加`onreadystatechange`事件监听器,当服务器响应时,处理返回的数据。如果状态码...

    jQuery 实现两个div颜色互换的动画

    &lt;div id="div1" style="width: 200px; height: 200px; background-color: red;"&gt;&lt;/div&gt; &lt;div id="div2" style="width: 200px; height: 200px; background-color: blue;"&gt;&lt;/div&gt; ``` 然后,编写jQuery代码来实现动画...

    DIV+CSS文字阴影的一个效果

    在网页设计领域,DIV+CSS是一种常见的布局方式,它通过HTML的&lt;div&gt;元素与CSS(层叠样式表)结合,实现灵活且可复用的页面布局。本话题将深入探讨如何利用CSS技术来创建文字阴影效果,使得网页中的文本更具视觉吸引力...

    div 自动旋转 手机旋转效果 google出

    document.querySelector('div').style.animationDuration = '1s'; } else { // 设备竖屏时,恢复原来的旋转参数 document.querySelector('div').style.animationDuration = '2s'; } }); ``` 此外,压缩包中的 ...

    DIV+CSS经常用到的属性、参数及说明

    标题提到的是"DIV+CSS经常用到的属性、参数及说明",这表明本文将探讨CSS中与`div`元素相关的常用样式属性和参数。描述中进一步强调了`DIV+CSS`布局在网站设计中的优势,并提到了作者收集和整理的一些常见定义项和...

    复制、删除并拖动div

    这里,`true` 参数表示深拷贝,包括所有子节点。然后,你可以选择将复制的 `div` 添加到文档的其他位置。 2. **删除 `div`**:要删除一个 `div`,可以使用`removeChild()`或`parentNode.removeChild()`方法。假设...

    HTML+CSS+DIV+JS的参数说明和帮助

    在“HTML+CSS+DIV+JS的参数说明和帮助”这个压缩包文件中,你可以找到关于这些技术的详细说明,包括但不限于: 1. HTML标签的用法和属性 2. CSS选择器、样式规则及各种属性的解释 3. 如何使用CSS3的新特性 4. `div`...

Global site tag (gtag.js) - Google Analytics