知识大全 js循环改变div颜色具体方法

Posted 2022-07-20 撒旦

篇首语：少年辛苦终身事，莫向光阴惰寸功。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 js循环改变div颜色具体方法相关的知识，希望对你有一定的参考价值。

用DIV和DIV自身的滚动条相互控制内容的滚动 DIV自身的滚动条样式可以用DIV层覆蓋重写滚动条样式

　　JQuery计算滚动条长度和位置代码如下

　　javascript

复制代码代码如下: <script type=text/javascript> var scrMinHeight = ; //滚动条最小高度 var scrMaxHeight = ; //滚动条最大高度 var scrDefualtTop = ; //滚动条默认位置 var scrHeight = ; //初始化滚动条 function InitScroll() scrMaxHeight = $("#mainScrollContent") height(); //文本框高度 scrHeight = document getElementById("mainScrollContent") scrollHeight; //滚动文本高度 scrHeight = parseInt((scrMaxHeight / scrHeight) * scrMaxHeight); if (scrHeight <= scrMinHeight) scrHeight = scrMinHeight; if (scrHeight >= scrMaxHeight) $("#scrollContent") hide(); else $("#scrollContent") show(); $("#scrollContent tiao_mid") css("height" (scrHeight ) + "px");

　　$(document) ready(function () $(" bod") height(($(document) height() ) + "px"); $("#mainScrollContent") height(($(document) height() ) + "px"); scrMaxHeight = ($(document) height() ); //滚动条最大高度 $("#scrollBody") height(($(document) height() ) + "px"); $("#scrollBodyBack") height(($(document) height() ) + "px");

　　InitScroll(); $("#mainScrollContent") scroll(function () ChangeScroll(); ); var y = ; $("#scrollContent") mousedown(function (event) var scrContentTop = $("#scrollContent") css("top"); y = event clientY parseInt(scrContentTop replace("px" "")); $("#scrollContent") mousemove(function (event) if ((event clientY y ) < scrDefualtTop) $("#scrollContent") css("top" scrDefualtTop + "px"); else if ((event clientY y ) > (scrDefualtTop + scrMaxHeight scrHeight)) $("#scrollContent") css("top" (scrDefualtTop + scrMaxHeight scrHeight) + "px"); else $("#scrollContent") css("top" (event clientY y ) + "px"); ChangeScrollContent(); ); ) mouseup(function () $("#scrollContent") unbind("mousemove"); ) mouseout(function () $("#scrollContent") unbind("mousemove"); ); );

　　//改变滚动内容位置 function ChangeScrollContent() var scrTop = $("#scrollContent") css("top"); var st = parseInt(scrTop replace("px" "")); st = ((st scrDefualtTop) * document getElementById("mainScrollContent") scrollHeight) / scrMaxHeight $("#mainScrollContent") scrollTop(st); //滚动的高度

　　//改变滚动条位置 function ChangeScroll() var scrTop = $("#mainScrollContent") scrollTop(); //滚动的高度 scrTop = (scrTop * scrMaxHeight) / document getElementById("mainScrollContent") scrollHeight + scrDefualtTop; $("#scrollContent") css("top" scrTop + "px"); </script>

　　滚动区域内容DIV

复制代码代码如下: <div id="Div " > 营业总收入: 亿元(同比增长 %) <br /> <a href="bank aspx">dddd</a>净利润: 亿元(同比增长 %) <br /> 每股收益: 元 <br /> 净资产收益率: % <br /> 毛利率: %(同比增长 %) <br /> 总资产: 亿元(同比增长 %)<br /> as大苏打撒旦撒 <br /> 阿斯蒂芬多个地方营业总收入: 亿元(同比增长 %) <br /> 净利润: 亿元(同比增长 %) <br /> 每股收益: 元 <br /> 净资产收益率: % <br /> 毛利率: %(同比增长 %) <br /> 总资产: 亿元(同比增长 %)<br /> as大苏打撒旦撒 <br /> 阿斯蒂芬多个地方营业总收入: 亿元(同比增长 %) <br /> 净利润: 亿元(同比增长 %) <br /> 每股收益: 元 <br /> 净资产收益率: % <br /> 毛利率: %(同比增长 %) <br /> 总资产: 亿元(同比增长 %)<br /> as大苏打撒旦撒 <br /> 阿斯蒂芬多个地方营业总收入: 亿元(同比增长 %) <br /> 净利润: 亿元(同比增长 %) <br /> 每股收益: 元 <br /> 净资产收益率: % <br /> 毛利率: %(同比增长 %) <br /> 总资产: 亿元(同比增长 %)<br /> as大苏打撒旦撒 <br /> 阿斯蒂芬多个地方营业总收入: 亿元(同比增长 %) <br /> 净利润: 亿元(同比增长 %) <br /> 每股收益: 元 <br /> 净资产收益率: % <br /> 毛利率: %(同比增长 %) <br /> 总资产: 亿元(同比增长 %)<br /> as大苏打撒旦撒 <br /> 阿斯蒂芬多个地方</div> <div id="Div "> </div> <div id="Div "> </div> <div id="Div "> <div > </div> <div > </div> <div > </div> </div>

　　主要样式 css

复制代码代码如下: cha138/Article/program/Java/JSP/201311/19938