引用 博客代码--滚动条

最新推荐文章于 2022-01-02 17:07:18 发布
最新推荐文章于 2022-01-02 17:07:18 发布
阅读量195 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43224306/article/details/82922451
版权

 

引用

liumaodan.1977 的 博客代码--滚动条

 

 

 


 

 


                         博 客 代 码 -- 滚  动 条

              

                             

           滚动条：1、



 

在这里写文字

 
        代码：

<DIV align=left>
<DIV align=center>
<DIV style="BORDER-RIGHT: 6px ridge; BORDER-TOP: 6px ridge; SCROLLBAR-FACE-COLOR: #ccccff; SCROLLBAR-HIGHLIGHT-COLOR: #ffff99; OVERFLOW: scroll; BORDER-LEFT: 6px ridge; WIDTH: 329px; SCROLLBAR-SHADOW-COLOR: #ffccff; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffccff; SCROLLBAR-ARROW-COLOR: #ffccff; BORDER-BOTTOM: 6px ridge; SCROLLBAR-DARKSHADOW-COLOR: #ffcccc; HEIGHT: 114px; BACKGROUND-COLOR: #ffe4c4" align=left <P><FONT color=#8000ff>在这里写文字</FONT>

              滚动条：2、

日志文字
         代码：
    

<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #ffc0cb; SCROLLBAR-HIGHLIGHT-COLOR: #98fb98; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 470px; SCROLLBAR-SHADOW-COLOR: #ffb6c1; COLOR: #990099; SCROLLBAR-3DLIGHT-COLOR: #ffb6c1; SCROLLBAR-ARROW-COLOR: #f5deb3; SCROLLBAR-TRACK-COLOR: #ffdead; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #90ee90; HEIGHT: 180px; BACKGROUND-COLOR: #ffffe0" align=center>日志文字</DIV>

滚动条：3、

 

日志文字
      代码：
      

<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #ffa500; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 236px; SCROLLBAR-SHADOW-COLOR: #ffd700; COLOR: #d2691e; SCROLLBAR-3DLIGHT-COLOR: #ff7f50; SCROLLBAR-ARROW-COLOR: #ff0000; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 113px; BACKGROUND-COLOR: #fffacd" align=center>日志文字</DIV>

 

滚动条：4、

 

文字
         代码：
     

<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #ffffe0; SCROLLBAR-HIGHLIGHT-COLOR: #ffffe0; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 312px; SCROLLBAR-SHADOW-COLOR: #ccccff; COLOR: #009900; SCROLLBAR-3DLIGHT-COLOR: #ccccff; SCROLLBAR-ARROW-COLOR: #ffffcc; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffcc; HEIGHT: 76px; BACKGROUND-COLOR: #ffffcc" align=center> <DIV align=left><SPAN></SPAN>文字</DIV></DIV>

滚动条：5、

 

文字
        代码：
     <DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #006600; SCROLLBAR-HIGHLIGHT-COLOR: #33cc33; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 378px; SCROLLBAR-SHADOW-COLOR: #33cc33; COLOR: #006600; SCROLLBAR-3DLIGHT-COLOR: #33cc33; SCROLLBAR-ARROW-COLOR: #33cc33; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #33cc33; HEIGHT: 111px; BACKGROUND-COLOR: #ccffcc" align=center>
<DIV align=left><FONT color=#009900></FONT>文字</DIV></DIV></DIV>
        滚动条：6、
 

文字

        代码：
       

<DIV align=center>

<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #889b9f; SCROLLBAR-HIGHLIGHT-COLOR: #c3d6da; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 277px; SCROLLBAR-SHADOW-COLOR: #3d5054; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #3d5054; SCROLLBAR-ARROW-COLOR: #ffd6da; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #85989c; HEIGHT: 200px; BACKGROUND-COLOR: #000000" align=center>

<P align=left>文字</P></DIV></DIV

 

滚动条：7、

 

你要写的字
        代码：
       

<DIV style="SCROLLBAR-FACE-COLOR: #ff6600; SCROLLBAR-HIGHLIGHT-COLOR: #c3d6da; OVERFLOW: scroll; WIDTH: 463px; SCROLLBAR-SHADOW-COLOR: #663333; COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #663333; HEIGHT: 119px; BACKGROUND-COLOR: #000000; SCROLLBAR-3DLIGHT-: #663333" align=left>你要写的字</DIV>

       

滚动条：8、

        

文字
        代码：
        <DIV style="BORDER-RIGHT: #ff9999 2px solid; BORDER-TOP: #ff9999 2px solid; SCROLLBAR-FACE-COLOR: #ffcccc; SCROLLBAR-HIGHLIGHT-COLOR: #ff9999; OVERFLOW: scroll; BORDER-LEFT: #ff9999 2px solid; WIDTH: 355px; SCROLLBAR-SHADOW-COLOR: #ff9999; COLOR: #ffcccc; SCROLLBAR-3DLIGHT-COLOR: #ffcccc; SCROLLBAR-ARROW-COLOR: #ffcccc; BORDER-BOTTOM: #ff9999 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffcc99; HEIGHT: 88px; BACKGROUND-COLOR: #ffcccc" align=center>
<DIV align=left><FONT color=#009900></FONT><FONT color=#ff6699>文字</FONT></DIV></DIV>
 
        滚动条：9、
   
文字
        代码：
        <DIV style="BORDER-RIGHT: #ff9999 2px solid; BORDER-TOP: #ff9999 2px solid; SCROLLBAR-FACE-COLOR: #ffccff; SCROLLBAR-HIGHLIGHT-COLOR: #ff99cc; OVERFLOW: scroll; BORDER-LEFT: #ff9999 2px solid; WIDTH: 378px; SCROLLBAR-SHADOW-COLOR: #ff99cc; COLOR: #ffcccc; SCROLLBAR-3DLIGHT-COLOR: #ffcccc; SCROLLBAR-ARROW-COLOR: #ff99cc; BORDER-BOTTOM: #ff9999 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffccff; HEIGHT: 111px; BACKGROUND-COLOR: #ffccff" align=center>
<DIV align=left><FONT color=#009900></FONT><FONT color=#ff00ff>文字</FONT></DIV></DIV>
       

滚动条：10、

 

粉色透明效果滚动框

        代码：

        <DIV align=center>
<DIV style="BORDER-RIGHT: #f0b4b4 solid; BORDER-TOP: #f0b4b4 solid; SCROLLBAR-FACE-COLOR: #f0b4b4; SCROLLBAR-HIGHLIGHT-COLOR: #999999; OVERFLOW: scroll; BORDER-LEFT: #f0b4b4 solid; WIDTH: 316px; SCROLLBAR-SHADOW-COLOR: #ffccff; COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffcc; BORDER-BOTTOM: #f0b4b4 solid; SCROLLBAR-DARKSHADOW-COLOR: #f0b4b4; HEIGHT: 143px; BACKGROUND-COLOR: #ffe1f0" align=center>
<P align=left><FONT color=#9900cc>粉色透明效果滚动框</FONT></P>
<P align=left></P></DIV></DIV>

        滚动条：11、

 


 文字
        代码；
       

      <DIV style="BORDER-RIGHT: #ff9999 2px solid; BORDER-TOP: #ff9999 2px solid; SCROLLBAR-FACE-COLOR: #ffcc99; SCROLLBAR-HIGHLIGHT-COLOR: #ff9966; OVERFLOW: scroll; BORDER-LEFT: #ff9999 2px solid; WIDTH: 378px; SCROLLBAR-SHADOW-COLOR: #ff9966; COLOR: #ffcccc; SCROLLBAR-3DLIGHT-COLOR: #ffcc99; SCROLLBAR-ARROW-COLOR: #ff9966; BORDER-BOTTOM: #ff9999 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffcc99; HEIGHT: 111px; BACKGROUND-COLOR: #ffcc99" align=center>
<DIV align=left><FONT color=#009900></FONT><FONT color=#ff3300>&nbsp;文字</FONT></DIV></DIV>

       

滚动条：12、

文字
        代码：
       

<DIV style="BORDER-RIGHT: #c399d0 2pt dashed; BORDER-TOP: #c399d0 2pt dashed; SCROLLBAR-FACE-COLOR: #ddcae0; SCROLLBAR-HIGHLIGHT-COLOR: #c399d0; OVERFLOW: scroll; BORDER-LEFT: #c399d0 2pt dashed; WIDTH: 386px; SCROLLBAR-SHADOW-COLOR: #3d5054; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ddcae0; SCROLLBAR-ARROW-COLOR: #c399d0; BORDER-BOTTOM: #c399d0 2pt dashed; SCROLLBAR-DARKSHADOW-COLOR: #ddcae0; HEIGHT: 92px; BACKGROUND-COLOR: #ddcae0" align=left><FONT color=#ff6633>文字</FONT></DIV>

 

                                                                                                                 来自：博客代码网。

 

 

 

 

 

 

 

 

 

 

mumu_wangwei
关注
layui表头跟随滚动条滑动_侧边栏实现随滚动条滑动固定的效果
weixin_35219046的博客
12-23 1511
最近在一些博客看到侧边栏某些板块，随着滚动条的滑动，而跟着滑动或者固定的效果，感觉非常的人性化，一来可以弥补当一个页面很长，但侧边栏太短的时候的空白，二来可以合理利用空间展示更多信息，可以大大的提高曝光率和点击率。这样子的效果很适合于文章的列表(比如月度排行、热门文章之类的)，还有适合于广告联盟的展示。所以去网上找了一些资料，整理了一下，现在分享给大家，也方便以后自己查阅，希望对大家有用。效果一：...
博客里滚动条及滚动文字的添加滚动文字代码
Cqh52306的专栏
08-27 842
滚动字幕和滚动图片：   在网络上有很多滚动字幕的样式，但是他们的代码基本是一致的，只是对部分参数进行一下修改就行了。   代码如下：     文字向上滚动代码： 博客文字滚动代码 文字向左滚动代码： 30 >博客文字滚动代码
如何在博客等文章中添加带有滚动条的文本框
weixin_30807677的博客
11-29 242
在博客中添加带滚动条的文本框能大大提高文章的可读性。 1. 以csdn博客为例 我们在csdn发布博客的时候会在编辑区看到一个源代码的工具。 注：各类博客产品是不一样的，有的可能是个复选框 2. 我们选中这个工具 3. 选中后文本框变成了一个html的编辑框 4. 我们将以下代码复制进去。如下： <div style=" color: #...
自定义博客园之修改滚动条
weixin_30847271的博客
07-20 168
/滚动条整体样式/ body::-webkit-scrollbar { width: 5px; height: 1px; } /滚动条滑块/ body::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #252525; ...
《转》文章太长，实现滚动条控制排版
weixin_34026276的博客
04-08 104
<style type="text/css"> .scroll { width: 600px; /*宽度*/ height: 200px; /*高度*/ color: ;...
对象的引用
DanXieZuoHuiYi的专栏
06-28 823
namespace 对象的引用 { class Person//所有类都是object的子类。这里的person也是object的子类 { public Person(int age, string name)//构造函数 { this.Age = age; this.Name = name;
ListBox滚动条皮肤示例[ListBoxSkin.rar]-精品源代码
10-11
标题中的“ListBox滚动条皮肤示例[ListBoxSkin.rar]-精品源代码”表明这是一个关于自定义ListBox控件滚动条外观的编程示例。ListBox是Windows应用程序中常见的一种控件，用于展示可选择的列表项。滚动条是当内容超出...
给力的jquery滚动条插件
08-03
4. scrollbar：这可能是插件的主要代码文件或者文件夹，包含实现滚动条功能的核心JavaScript和CSS。 在实际应用中，使用jQuery滚动条插件通常涉及以下步骤： 1. 引入jQuery库和插件文件：在HTML文件中添加jQuery库...
jquery滚动条
09-25
`js`文件则包含了实现滚动条效果的jQuery代码。 `pic`、`images`和`img`目录可能存储了用于滚动展示的图片资源，而`bjb`可能是一个特定的文件或目录，根据上下文可能与某种滚动条实现有关，但具体含义需要查看文件...
HTML制作右边不会跟着鼠标滚动条滚动的 侧边栏,用来制作html目录再好不过了.zip
01-08
在本案例中，我们关注的是如何制作一个不会随着页面滚动条滚动的侧边栏，这种设计通常用于显示固定位置的内容，如目录、链接、其他文章列表或广告。 首先，我们可以使用`<div>`标签来创建一个容器，然后通过CSS来...
引用 reference
rongxianjin_blog
02-13 187
1.定义 在c语言中，使用指针pointer可以间接获取，修改某个变量的值
C++的引用与指针（2）
DanStevensBigFan
01-02 228
~~ 指针可以在任何时候初始化 引用在声明时候就初始化 我都试了。引用不初始化也可以用，用的是默认值（可能是书比较老） ~ ~~ 引用不能为空NULL，必须总是引用一个对象 指针可以为空，不知想任何地方 还有一点我看不懂（我上图了） ...
Jmeter 获取并引用jsessionid
AngelaDan的博客
07-13 1万+
Jsessionid  问题： 用Badboy录制脚本后，导出为jmeter文件，有时在http请求页面中“路径”会看到网页链接引用： http://www.xxx.com/xxx_app;jsessionid=xxxxxxxxxx?a=x&b=x。 或者网页链接后显示：?jsessionid   或者显示一串数字 解决： 1、因为Session默认是需要C
java中的四种引用方式
emmmsuperdan的博客
08-14 432
1.强引用； 创建的对象不会被回收，就算JVM抛出OOM也不会将这些对象给回收 2.弱引用（用来防止内存泄漏） 创建的对象无论如何最后都会回收；（所以因为内存泄漏，无用对象无法被回收的情况就不会出现啦） 3.软引用 创建的对象在内存不足时才会被回收 4.虚引用 随时都会被回收，所以采用虚引用和没持有引用是差不多的 虚引用：虚引用主要用来跟踪对象被垃圾回收的活动。虚引用与软引用和弱引...
html滚动条实现，超简单
热门推荐
qq_33653393的博客
07-04 9万+
在对应的div中，添加overflow,固定高度为400px&lt;div class="panel-body" style="height: 400px; overflow:scroll"&gt; &lt;div style="border: 1px #000000; width: 90%; margin: 0 auto;"&gt; &l...
去掉博客代码中的滚动条
十一月zz的博客
08-26 598
前两天我转载大牛的一片博客，里面的代码倒是不长，但是每个代码片段都有个上下的滚动条，在查看博文滚动鼠标的时候，特别容易误操作，本来是让博文往下翻，却导致了代码中的内容滚动了，关键是代码就只有显示的那么长，完全用不到滚动条，强迫症的我决定把它搞掉。 首先，带滚动时候的样式： 经过我的改动之后样式： 方法： 进入到编辑博文的页面，选择查看博文的源代码，然后ctr
如何在写CSDN博客时插入代码
蔡双敏的博客
01-09 2万+
预期效果 private static <T> T getObj(Class<T> clazz) { //判断类型 if (clazz == Student.class) { return (T) new Student(); } else if (clazz...
JS（七） 继承与引用
bujiongdan的博客
10-18 418
function logs(obj){document.write(obj+"&lt;br/&gt;");}   //打印log日志   //继承   //继承可以通过原型链来实现   //解释器会在对象中查找该属性， //如果没有找到，则在其内部对象 prototype 对象上搜索，   //由于 prototype 对象与对象本身的结构是一样的，因此这个过程会一直回溯到发现该属性，则...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

mumu_wangwei

主修"红尘道--红尘练心"

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值