久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线

Discuz! 官方交流社區

標題: 一款漂亮的 滾動條 [打印本頁]
作者: canwu    時間: 2024-2-23 10:42
標題: 一款漂亮的 滾動條
(, 下載次數: 43)

1 路徑 找到 /template/你的模板/common/header.html   

  1. 在找到這段代碼 ：
  2. <font color="#708090"><body id="nv_{$_G[basescript]}" class="pg_{CURMODULE}{if $_G['basescript'] === 'portal' && CURMODULE === 'list' && !empty($cat)} {$cat['bodycss']}{/if}" onkeydown="if(event.keyCode==27) return false;">
  3.         <div id="append_parent"></div><div id="ajaxwaitid"></div></font>
復制代碼
把下面代碼 添加到上<body> 之間 </body>
  1. <div id="progressbar"></div>
  2. <div id="scrollpath"></div>
復制代碼
2  路徑  找到 /template/你的模板/common/footer.html  

添加到里面 footer.html  里面

  1. <script type="text/javascript">
  2.         let progress=document.getElementById('progressbar');
  3.         let totalheight=document.body.scrollHeight - window.innerHeight;
  4.         window.onscroll=function(){
  5.                 let progressHeight=(window.pageYOffset / totalheight) *100;
  6.                 progress.style.height=progressHeight + "%";
  7.         }
  8. </script>
復制代碼
3 路徑 找到 /template/你的模板/common/common.css  

   添加到  common.css  最下面

  1. *{
  2.         -margin: 0;
  3.         -padding: 0;
  4.         -box-sizing: border-box;
  5.     font-family: "Droid Serif","Times New Roman","PingFang SC","Hiragino Sans GB","Source Han Sans CN","WenQuanYi Micro Hei","Microsoft Yahei",serif;
  6. }
  7. section{
  8.     -padding: 50px;
  9.     -background: #000;
  10.     -min-height: 100vh;
  11. }
  12. section h2{
  13.     font-size: 2.5em;
  14.     color: #fff;
  15. }
  16. section p{
  17.     font-size: 1.2em;
  18.     color: #fff;
  19. }
  20. ::-webkit-scrollbar{
  21.     width: 0;
  22. }
  23. #scrollpath{
  24.     position: fixed;
  25.     top: 0;
  26.     right: 0;
  27.     width: 10px;
  28.     height: 100%;
  29.     background: rgba(255,255,255,0.05);
  30. }
  31. #progressbar{
  32.     position: fixed;
  33.     top: 0;
  34.     right: 0;
  35.     width: 10px;
  36.     background: linear-gradient(to top,#008aff,#00ffe7);
  37.     animation: animate 5s linear infinite;
  38. }
  39. @keyframes animate{
  40.     0%,100%{
  41.         filter:hue-rotate(0deg);
  42.     }
  43.     50%{
  44.         filter:hue-rotate(360deg);
  45.     }
  46. }
  47. #progressbar:before{
  48.     content: '';
  49.     position: absolute;
  50.     top: 0;
  51.     left: 0;
  52.     width: 100%;
  53.     height: 100%;
  54.     background: linear-gradient(to top,#008aff,#00ffe7);
  55.     filter: blur(10px);
  56. }

  58. #progressbar:after{
  59.     content: '';
  60.     position: absolute;
  61.     top: 0;
  62.     left: 0;
  63.     width: 100%;
  64.     height: 100%;
  65.     background: linear-gradient(to top,#008aff,#00ffe7);
  66.     filter: blur(30px);
  67. }
復制代碼


演示地址: https://mp3.wf






作者: hipass    時間: 2024-2-23 10:46
效果很炫酷，謝謝分享，不過不適合應用于我的網站
作者: 海哥    時間: 2024-2-23 13:52
很炫，很給力
作者: TaC    時間: 2024-11-18 14:51
提示: 作者被禁止或刪除 內容自動屏蔽
作者: 風吹故人香    時間: 2024-11-18 18:16
很漂亮收藏了
作者: 風吹故人香    時間: 2024-11-18 21:22
感覺首頁字體變歪了



歡迎光臨 Discuz! 官方交流社區 (http://www.9999xn.com/) Powered by Discuz! X5.0
久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线
欧美~级网站不卡| 国产乱码精品一区二区三区av| 国产精品久久久久久久第一福利 | 国产三级欧美三级| 国产麻豆午夜三级精品| 色婷婷av一区二区三区软件| 夜夜精品视频一区二区| 亚洲午夜精品久久| 国产精品丝袜91| 91视频观看视频| 欧美精品一区二区三区久久久| 老司机一区二区| 在线免费精品视频| 日韩国产成人精品| 色狠狠综合天天综合综合| 天天av天天翘天天综合网 | 激情欧美丁香| 国产精品午夜在线| 欧美在线91| 国产视频一区二区三区在线观看| 91日韩精品一区| 日韩欧美视频一区| 国产a区久久久| 日韩精品一区二区三区三区免费| 韩国在线一区二区| 欧美日韩精品一区二区三区蜜桃| 麻豆成人综合网| 欧美性极品少妇| 狠狠狠色丁香婷婷综合激情| 欧美日韩国产成人在线91| 久久99蜜桃精品| 欧美日韩三级一区二区| 国产一区二区三区免费播放| 欧美精品成人一区二区三区四区| 国产一区二区三区久久久| 日韩一区二区电影在线| 成人性生交大片免费看在线播放 | 亚洲精品中文在线| 国产精品推荐精品| 日本亚洲免费观看| 欧美三级午夜理伦三级中视频| 国产一区在线不卡| 日韩欧美成人激情| 99久久免费精品| 欧美激情自拍偷拍| 亚洲三级国产| 日日夜夜一区二区| 精品视频一区二区不卡| 国产精品69毛片高清亚洲| 日韩精品一区二区三区三区免费| 91丨porny丨户外露出| 中文字幕国产一区| 一二三区精品| 水蜜桃久久夜色精品一区的特点| 欧美三级午夜理伦三级中视频| 丁香六月综合激情| 国产精品素人视频| 亚洲欧美激情诱惑| 国产中文字幕一区| 久久久国产午夜精品| 亚洲日本视频| 奇米精品一区二区三区四区| 欧美一区二区三区视频免费| 欧美在线国产| 亚洲一区二区不卡免费| 欧美亚洲动漫制服丝袜| 国产伦理精品不卡| 久久久精品国产免费观看同学| 亚洲乱亚洲高清| 久久激情五月激情| 国产亚洲欧美在线| 一本色道久久综合亚洲二区三区| 日韩专区在线视频| 欧美va亚洲va在线观看蝴蝶网| 永久久久久久| 蜜桃视频在线一区| 精品国产凹凸成av人网站| 国内精品嫩模av私拍在线观看| 午夜免费欧美电影| 日韩欧美自拍偷拍| 影音先锋亚洲精品| 美女任你摸久久 | 国产高清精品网站| 国产精品自拍毛片| 精品国精品国产| 在线播放一区| 日本欧美在线观看| 欧美大片拔萝卜| 一区二区三区导航| 国产美女精品在线| 亚洲精品高清在线| 欧美久久高跟鞋激| 欧美日韩免费| 亚洲国产日韩在线一区模特| 欧美一区永久视频免费观看| 国产精品国产精品| 久久精品理论片| 国产三级欧美三级| 色综合久久天天综合网| 成人福利在线看| 亚洲福利国产精品| xfplay精品久久| 一本久久a久久精品亚洲| 99精品国产热久久91蜜凸| 一区二区三区在线视频观看| 欧美一级高清片| 在线视频精品| 波多野结衣中文一区| 亚洲成人av电影在线| 三级久久三级久久久| 欧美tk—视频vk| 麻豆av一区二区三区| 欧美成人在线免费观看| 免费日韩伦理电影| 国产精品久久精品日日| 欧美男人的天堂一二区| 亚洲免费高清| 国产成人免费在线视频| 亚洲综合偷拍欧美一区色| 欧美电影精品一区二区| 91黄色免费版| 亚洲一级二级| 福利电影一区二区三区| 亚洲3atv精品一区二区三区| 久久综合狠狠综合久久综合88| 久久综合九色| 亚洲国产日本| av在线播放不卡| 精品一区二区免费视频| 亚洲狠狠爱一区二区三区| 欧美国产日韩精品免费观看| 91精品啪在线观看国产60岁| 亚洲综合视频一区| 欧美日韩精品伦理作品在线免费观看| 国产麻豆视频一区| 日韩在线一区二区| 自拍视频在线观看一区二区| 精品国产乱码久久久久久牛牛| 色婷婷综合久久久久中文一区二区| 国产综合色一区二区三区| 成人一区二区三区中文字幕| 精品一区二区三区免费| 三级亚洲高清视频| 亚洲最大色网站| 国产精品久久久久久久久免费丝袜 | 中国av一区二区三区| 26uuu成人网一区二区三区| 欧美电影影音先锋| 一本大道综合伊人精品热热| 亚洲三级国产| 精品福利电影| 欧美日韩亚洲一区二区三区在线 | 99精品在线免费| 国产高清不卡一区二区| 久久99久久99| 日韩国产欧美三级| 亚洲国产va精品久久久不卡综合 | 欧美一区二区三区电影| 欧美日韩国产综合一区二区| 色老汉av一区二区三区| 亚洲一区图片| 中文网丁香综合网| 亚洲看片一区| 一区二区国产精品| 一本色道久久综合亚洲二区三区| 91久久久久| 亚洲黄色毛片| 一色屋精品视频在线看| 国产一区自拍视频| 91在线免费视频观看| 成人黄色在线视频| 国产成人免费av在线| 国产精品一区久久久久| 狠狠色狠狠色综合| 狠狠色综合日日| 激情图片小说一区| 国产精品影音先锋| 在线影院国内精品| 欧美日本在线| 91浏览器在线视频| 欧美va天堂在线| 欧美在线三区| 欧美日韩国产高清视频| 欧美三级第一页| 亚洲成色www久久网站| 欧美激情麻豆| 国产精品久久7| 在线观看成人av电影| 亚洲精选在线| 久久久久网站| 欧美日韩一区二区不卡| 欧美日韩免费观看一区二区三区| 色哟哟一区二区| 欧美在线观看一二区| 精品视频免费看| 666欧美在线视频| 欧美成人艳星乳罩| 国产日韩欧美亚洲| 亚洲色图19p| 亚洲一区二区三区激情|