2个div 点击第一个变色，点击第2个的时候第2个变色，同时第一个颜色去掉
发布时间：2015-10-15, 12:02:02 分类：HTML | 编辑 off 网址 | 辅助
图集1/1
正文 460字数 821,111阅读
用jQuery也可以，不过显得大材小用。纯JS也可以几行代码搞定：
HTML代码：
<div onclick='chgColor(this)'>1</div>
<div onclick='chgColor(this)'>2</div>
<div onclick='chgColor(this)'>3</div>
Run code
Cut to clipboard
JS代码：
<script type="text/javascript">
var perDiv=null;
function chgColor(_this)
{
if(perDiv) perDiv.style.backgroundColor='';
_this.style.backgroundColor='red';
perDiv=_this;
}
</script>Run code
Cut to clipboard
（支付宝）给作者钱财以资鼓励 （微信）→
有过 3 条评论 »
CSS ::-webkit-scrollbar { /* 1 */ } ::-webkit-scrollbar-button { /* 2 */ } ::-webkit-scrollbar-track { /* 3 */ } ::-webkit-scrollbar-track-piece { /* 4 */ } ::-webkit-scrollbar-thumb { /* 5 */ } ::-webkit-scrollbar-corner { /* 6 */ } ::-webkit-resizer { /* 7 */ }以上CSS代码所管辖的区域对就关系：以上注释中的数字与下图中数字相对应。
上图正如如下所言：
::-webkit-scrollbar 滚动条整体部分，其中的属性有width,height,background,border（就和一个块级元素一样）等。
::-webkit-scrollbar-button 滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。
::-webkit-scrollbar-track 外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。
::-webkit-scrollbar-track-piece 内层轨道，滚动条中间部分（除去）。
::-webkit-scrollbar-thumb 滚动条里面可以拖动的那部分
::-webkit-scrollbar-corner 边角
::-webkit-resizer 定义右下角拖动块的样式
注意：对以上各个部分定义width,height时。有如下功能：若是水平滚动条，则width属性不起作用，height属性用来控制滚动条相应部分竖直方向高度；若是竖直滚动条，则height属性不起作用，width属性用来控制相应部分的宽度。
http://www.lyblog.net/detail/314.html http://runjs.cn/code/mperijd6自定义浏览器滚动条的样式，打造属于你的滚动条风格
自定义滚动条-谷歌浏览器
webkit内核的浏览器滚动条定制
html::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } html::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; } html::-webkit-scrollbar-thumb { background-color: #000000; }::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条） ::-webkit-scrollbar-track 滚动条的轨道（里面装有Thumb） ::-webkit-scrollbar-button 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。 ::-webkit-scrollbar-track-piece 内层轨道，滚动条中间部分（除去） ::-webkit-scrollbar-corner 边角，即两个滚动条的交汇处 ::-webkit-resizer 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件js url #
js获取url的参数和值有效方法和方式
<script language="javascript"> function getarg(url){ arg=url.split("#"); return arg[1]; //return arg[2]; } alert(getarg('https://lizhenqiu.com/article.php?id=359#comment-417#iswtf')); </script><a href="#" style="color:white; text-decoration:none;" onmouseover="this.style.cssText='color:gray; text-decoration:none;'" onmouseout="this.style.cssText='color:white;text-decoration:none'">iswtf<a>