DIV 自動滾動功能及滾動條顏色修改
2022-06-10 分類： 網站建設
1.DIV 自動滾動
<script type="text/javascript">
function startmarquee(lh, speed, delay) {
var t;
var oHeight = 300; /** div的高度 **/
var p = false;
var o = document.getElementById("show");
var preTop = 0;
o.scrollTop = 0;
function start() {
t = setInterval(scrolling, speed);
o.scrollTop += 1;
}
function scrolling() {
if (o.scrollTop % lh != 0
&& o.scrollTop % (o.scrollHeight - oHeight - 1) != 0) {
preTop = o.scrollTop;
o.scrollTop += 1;
if (preTop >= o.scrollHeight || preTop == o.scrollTop) {
o.scrollTop = 0;
}
} else {
clearInterval(t);
setTimeout(start, delay);
}
}
setTimeout(start, delay);
}
window.onload = function () {
/**startmarquee(一次滾動高度,速度,停留時間);**/
startmarquee(20, 40, 50);
}
</script>
<div id="show" ></div>
2.滾動條顏色
scrollbar-3d-light-color 設置或檢索滾動條亮邊框顏色
crollbar-highlight-color 設置或檢索滾動條3D界面的亮邊（ThreedHighlight）顏色
scrollbar-face-color 設置或檢索滾動條3D表面（ThreedFace）的顏色
scrollbar-arrow-color 設置或檢索滾動條方向箭頭的顏色
scrollbar-shadow-color 設置或檢索滾動條3D界面的暗邊（ThreedShadow）顏色
scrollbar-dark-shadow-color 設置或檢索滾動條暗邊框（ThreedDarkShadow）顏色
scrollbar-base-color 設置或檢索滾動條基準顏色。
本文名稱：DIV 自動滾動功能及滾動條顏色修改
轉載來于：http://www.js-pz168.com/news6/165706.html
成都網站建設公司_創新互聯，為您提供小程序開發、網站收錄、網站設計、關鍵詞優化、手機網站建設、商城網站
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- SEO網站優化常做的五個步驟 2022-06-10
- 成都網頁設計的十大經驗總結 2022-06-10
- 怎么了解url是好的 2022-06-10
- 一個網站的維護要哪些角色？怎樣維護網站最可靠 ？ 2022-06-10
- 總是抱怨鞍山seo優化沒效果？這四個重要環節你做好了嗎？ 2022-06-10
- 可穿戴技術對網頁設計的影響 2022-06-10
- 面對無序市場競爭 網站推廣企業需建立品牌競爭力 2022-06-10
- 打造高效團隊，需要遵循這5個原則！ 2022-06-10
- 網頁設計中如何獲得最佳長度 2022-06-10
- 成都網站優化與百度競價排名的區別在哪里？ 2022-06-10
- 用戶需求分析：背后隱藏的門檻 2022-06-10
- 網站的移動設備訪問正在成為主流 2022-06-10
- 網頁的設計類型 2022-06-10
- 做seo優化時該注意的事項和不該走的彎路 2022-06-10
- 16個網頁設計排版技巧 2022-06-10
- 成都網絡公司有那些服務 2022-06-10
- 空間主機快慢對網站的影響有幾大? 2022-06-10
- 怎么搶注域名？ 2022-06-10
- 鄭州站群SEO培訓是什么？對網站優化工作有影響嗎？ 2022-06-10