滚动条代码生成器

function copy2Clipboard() {
// Copies currently displayed code to user's clipboard
taCode.innerText = code.innerText;
textRange = taCode.createTextRange();
textRange.execCommand("RemoveFormat");
textRange.execCommand("Copy");
}
-->

P { margin-top: .6em;
margin-bottom: .6em;
}

BODY { margin-left: 0pt;
margin-top: 0pt;
font-size: 80%;
font-family: Verdana, Arial, Helvetica, MS Sans Serif;
}

H1 { font-size: 145%;
margin-top: 1.35em;
margin-bottom: .5em;
}

PRE { font-family: Courier New;
font-size: 130%;
background: #EEEEEE;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0pt;
padding-top: 5pt;
padding-bottom: 5pt;
padding-left: 5pt;
padding-right: 5pt;
}

TABLE { font-size: 100%; }

TR { vertical-align: top; }

TD { margin: 3pt; }















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

none
aqua
blue
chartreuse
darksalmon
fuchsia
gold
hotpink
khaki
lightsalmon
magenta
orange
palegreen
teal
tomato
yellow

scrollbar-arrow-color

none
aqua
blue
chartreuse
darksalmon
fuchsia
gold
hotpink
khaki
lightsalmon
magenta
orange
palegreen
teal
tomato
yellow

scrollbar-base-color

none
aqua
blue
chartreuse
darksalmon
fuchsia
gold
hotpink
khaki
lightsalmon
magenta
orange
palegreen
teal
tomato
yellow

scrollbar-darkshadow-color

none
aqua
blue
chartreuse
darksalmon
fuchsia
gold
hotpink
khaki
lightsalmon
magenta
orange
palegreen
teal
tomato
yellow

scrollbar-face-color

none
aqua
blue
chartreuse
darksalmon
fuchsia
gold
hotpink
khaki
lightsalmon
magenta
orange
palegreen
teal
tomato
yellow

scrollbar-highlight-color

none
aqua
blue
chartreuse
darksalmon
fuchsia
gold
hotpink
khaki
lightsalmon
magenta
orange
palegreen
teal
tomato
yellow

scrollbar-shadow-color

none
aqua
blue
chartreuse
darksalmon
fuchsia
gold
hotpink
khaki
lightsalmon
magenta
orange
palegreen
teal
tomato
yellow















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

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(0)

相关推荐

  • 滚动条代码生成器

    function copy2Clipboard() { // Copies currently displayed code to user's clipboard taCode.innerText = code.innerText; textRange = taCode.createTextRange(); textRange.execCommand("RemoveFormat"); textRange.execCommand("Copy"); } -->

  • 详解IE6中的position:fixed问题与随滚动条滚动的效果

    详解IE6中的position:fixed问题与随滚动条滚动的效果 前言: 在<[jQuery]兼容IE6的滚动监听>(点击打开链接)提及到解决IE6fixed问题,具体是要引入一个js文件,还要声明一条脚本就为这个div声明fixed定位去解决,起始这样很不好啊.引入的Javascript不好管理之余,还要在head声明引入javascript,之后又要给这个div声明一个id,之后又要在脚本出弄一条声明,实在是烦死了. 使用position:fixed无非是想做出如下的效果. 基本上pos

  • Flex中怎么给表格中的滚动条定位避免刷新回到原处

    1.问题背景 如果表格中的字段过多,会出现滚动条,在将滚动条滚到一定的位置时,重新刷新表格,滚动条会回到原处,原来查看的字段还得继续滚动,才能查看到. 2.实现实例 <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/f

  • jQuery响应滚动条事件功能示例

    本文实例讲述了jQuery响应滚动条事件功能.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <hea

  • Extjs grid panel自带滚动条失效的解决方法

    之前用EXTJS的gridPanel组件的时候,因为经常对gridPanel中的stroe数据进行过滤,所以有时候总是导致gridPanel自身所带的scrollbar失效. 取个实例,EXTJS gridPanel自带的滚动条,是有一个固定的列宽来放置这个scrollbar的,如上图所示.所以当这个scrollbar失效的时候,无论你怎么拖动这个滚动条,grid中的数据永远都不会随scrollbar的移动而展示相应区域的数据(换句话说就是你永远看到的数据都是截图中的这几条record). 至于

  • Mootools 1.2教程 滚动条(Slider)

    尽管滚动条(Slider)遵循这个熟悉的模式,但是任然还有一点特殊的地方. 基本用法 创建一个新的滚动条(Slider)对象 我们首先从HTML和CSS开始.基本的想法是创建一个滚动条的div,因此是一个长的长方形(长度取决于我们用滚动条做什么),还有一个子元素作为滑块. 参考代码: 复制代码 代码如下: <div id="slider"><div id="knob"></div></div> 我们的CSS也可以这么简

  • 当滚动条滚动到页面底部自动加载增加内容的js代码

    1,注册页面滚动事件,window.onscroll = function(){ }; 2,相关获取页面高度.滚动条位置.文档高度的函数: 复制代码 代码如下: //获取滚动条当前的位置 function getScrollTop() { var scrollTop = 0; if (document.documentElement && document.documentElement.scrollTop) { scrollTop = document.documentElement.s

  • JavaScript限定范围拖拽及自定义滚动条应用(3)

    两个对象:div1 和 div2,其中div1是div2的父元素,div2只能在div1的范围内拖拽 图中,红点是鼠标的位置,两个绿色箭头相减的结果就是disX,最后oEvent.clientX - disX 就是绿色箭头的部分,这个长度就是判断是否"出格"的依据,也就是这个短的绿色箭头范围应该在0 ~ div2.offsetWidth - div1.offsetWidth之间! <!DOCTYPE html> <html> <head> <m

  • 学习小实例--滚动条的简单实现

    效果: 代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="

  • JavaScript中Textarea滚动条不能拖动的解决方法

    本文实例分析了JavaScript中Textarea滚动条不能拖动的解决方法.分享给大家供大家参考,具体如下: 在IE中,你是否碰到过Textarea的滚动条不能拖动,但点上下按钮可以滚动内容? 这个问题的原因很可能就是在该Textarea中绑定了onfocus事件,但是,基于某种条件,又将其焦点去掉(即blur()),这样就导致滚动条不能拖动. 一个典型的例子为: me.$input.on("focus",function(){ if ($isIE && me.ena

随机推荐