滚动条代码生成器_javascript技巧

This is text inside a TEXTAREA element.
You can change the color of the scrollbars for this element with the controls below.
This is text inside a TEXTAREA element.
You can change the color of the scrollbars for this element with the controls below.
This is text inside a TEXTAREA element.
You can change the color of the scrollbars for this element with the controls below.
This is text inside a TEXTAREA element.
You can change the color of the scrollbars for this element with the controls below.
This is text inside a TEXTAREA element.
You can change the color of the scrollbars for this element with the controls below.
scrollbar-3dlight-color noneaquabluechartreusedarksalmonfuchsiagoldhotpinkkhakilightsalmonmagentaorangepalegreentealtomatoyellow
scrollbar-arrow-color noneaquabluechartreusedarksalmonfuchsiagoldhotpinkkhakilightsalmonmagentaorangepalegreentealtomatoyellow
scrollbar-base-color noneaquabluechartreusedarksalmonfuchsiagoldhotpinkkhakilightsalmonmagentaorangepalegreentealtomatoyellow
scrollbar-darkshadow-color noneaquabluechartreusedarksalmonfuchsiagoldhotpinkkhakilightsalmonmagentaorangepalegreentealtomatoyellow
scrollbar-face-color noneaquabluechartreusedarksalmonfuchsiagoldhotpinkkhakilightsalmonmagentaorangepalegreentealtomatoyellow
scrollbar-highlight-color noneaquabluechartreusedarksalmonfuchsiagoldhotpinkkhakilightsalmonmagentaorangepalegreentealtomatoyellow
scrollbar-shadow-color noneaquabluechartreusedarksalmonfuchsiagoldhotpinkkhakilightsalmonmagentaorangepalegreentealtomatoyellow

Scrollbar Color Properties

Modify the text using the controls on the lower left portion of this window. The code used to generate the text is shown in the area below.

<HTML>

<HEAD>

  <STYLE>

    .TA {scrollbar-3dlight-color:;

           scrollbar-arrow-color:;

           scrollbar-base-color:;

           scrollbar-darkshadow-color:;

           scrollbar-face-color:;

           scrollbar-highlight-color:;

           scrollbar-shadow-color:}

  </STYLE>

</HEAD>

<BODY>

  <TEXTAREA cols=30 rows=5 wrap=off CLASS="TA">This is text inside a TEXTAREA element.

You can change the color of the scrollbars for this element with the controls below.

This is text inside a TEXTAREA element.

You can change the color of the scrollbars for this element with the controls below.

This is text inside a TEXTAREA element.

You can change the color of the scrollbars for this element with the controls below.

This is text inside a TEXTAREA element.

You can change the color of the scrollbars for this element with the controls below.

This is text inside a TEXTAREA element.

You can change the color of the scrollbars for this element with the controls below.</TEXTAREA>

</BODY>

</HTML>

Copy Code to Clipboard
时间: 2024-09-15 00:58:16

滚动条代码生成器_javascript技巧的相关文章

js写出遮罩层登陆框和对联广告并自动跟随滚动条滚动_javascript技巧

用JS写出遮罩层登陆框和对联广告并自动跟随滚动条滚动保持让用户一直可以看到 好了,天色已晚废话不多说,代码特别详细 有注释,请看代码. 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://

JS实现的页面自定义滚动条效果_javascript技巧

本文实例讲述了JS实现的页面自定义滚动条效果.分享给大家供大家参考,具体如下: 这里演示网页上用的滚动条效果,是一个自定义的滚动条代码,除了上下两个箭头以外,滚动条和一般的浏览器基本差不多,鼠标滚轮滚动,滚动条滚动.html结构很简单,mainBox是外层div,content是内容,滚动条div是js动态生成的. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-web-zdy-scroll-style-codes/ 具体代码如下: <!D

js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)_javascript技巧

js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动) 复制代码 代码如下: <!doctype html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{}{margin:0;padding:0;} html{}{_background:url(about:blank);} /**//*

原生JavaScript实现滚动条效果_javascript技巧

本文实例讲解原生JavaScript实现滚动条效果的相关代码,分享给大家供大家参考,具体内容如下 原理是对滑动条块进行监听,按下鼠标按键后,监听鼠标移动,然后根据滑动条块移动的百分比算出滚动区域的滚动程度,用marginLeft进行滚动,具体的写在注释里. 整体弄成了一个对象,防止各种乱七八糟的数据污染全局变量.另外,对象内部调用的函数也都写到了对象构造函数的里面,由于对象作用域链的原理,外部无法进行调用,防止不小心在外部调用. <!DOCTYPE html> <html> <

基于JavaScript实现div层跟随滚动条滑动_javascript技巧

在一个页面放2个悬浮框,悬浮框随页面的上下滚动有上下波动的效果,最终固定在同一位置 效果展示如下所示: 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JavScript页面悬浮框- 何问起</title><base target="_blank" /> <

js之弹出式窗口代码生成器_javascript技巧

弹出式窗口代码生成器 要完成此效果把如下代码加入到区域中 弹出式窗口代码产生器 在新窗口里要打开的文件 (文件的名字或URL地址...) 请选择要显示的窗口元素 toolbars status bar scrollbars menu bar location bar resizeable 输入窗口的大小(缺省是满屏打开) Witdh (in pixels) Height (in pixels) 窗口打开方式 点按钮点超链自动 让窗口出现在屏幕正中间? 把下面代码Copy到程序中: [Ctrl+A

用js+cookie记录滚动条位置_javascript技巧

dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd d

Javascript 数组添加一个 indexOf 方法的实现代码_javascript技巧

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 运行以上代码,即可.如果大家想看的是 javascript indexOf的使用方法,请看下面的文章javascript indexOf函数使用说明JavaScript indexOf忽略大小写_javascript技巧

自动生成文章摘要[JavaScript 版本]_javascript技巧

[input] truncate as charactors ; 这位是娃娃,他是我弟弟.是一只很酷又非常可爱的小狗. 他今年已经两岁了,虽然个头很小,但是气势一点也不逊色大狗.非常敢于同恶势力作斗争 娃娃的显著特点就是可爱,尤其是把耳朵背在后面的时候显得特别可爱,仿佛一只乖巧的小猫咪.他还会站起来跳舞,比如你要给他什么好吃的时候他就会这样做.毕竟这是他的一种赖以谋生的工作方式,这年头,不会点技术能有饭吃吗. 他还有一个特点就是很酷,尽管我们是兄弟,但是他从来没有巴结我们人类的臭毛病.午后,当灿