TShopping

 找回密碼
 註冊
搜索
查看: 1025|回復: 1

[教學] 超炫變色捲軸

[複製鏈接]
發表於 2008-10-7 20:29:39 | 顯示全部樓層 |閱讀模式
 
Push to Facebook Push to Plurk Push to Twitter 


  1. <HEAD></HEAD>區內 。
  2. <!------------ 插入控制碼區段開始 ------------>
  3. <SCRIPT language="JScript">
  4. <!--

  5. var scrollPct, prevStep, nextStep, interStep

  6. steps = new Array();
  7. steps[0] = new Array(128,128,128);
  8. steps[1] = new Array(255,0,0);
  9. steps[2] = new Array(255,255,0);
  10. steps[3] = new Array(0,255,0);
  11. steps[4] = new Array(0,255,255);
  12. steps[5] = new Array(0,0,255);
  13. steps[6] = new Array(255,0,255);
  14. steps[7] = new Array(255,0,0);
  15. steps[8] = new Array(255,255,255);

  16. function newColor(chan) {
  17. var i=Math.floor(steps[prevStep][chan]+interStep*(steps[nextStep][chan]-steps[prevStep][chan]));
  18. return i;
  19. }

  20. function scrollFunk() {
  21. scrollPct=(steps.length-1)*document.body.scrollTop/(document.body.scrollHeight-document.body.clientHeight);
  22. prevStep=Math.floor(scrollPct);
  23. nextStep=Math.ceil(scrollPct);
  24. interStep=scrollPct-prevStep;
  25. var newRGB="rgb("+newColor(0)+","+newColor(1)+","+newColor(2)+")";
  26. var invRGB="rgb("+(255-newColor(0))+","+(255-newColor(1))+","+(255-newColor(2))+")";
  27. if (document.body.style.scrollbarTrackColor != null) {
  28. document.body.style.scrollbarFaceColor=newRGB;
  29. document.body.style.scrollbarTrackColor=invRGB;
  30. }
  31. }

  32. window.onscroll=scrollFunk;
  33. //-->
  34. </SCRIPT>
  35. <!------------ 插入控制碼區段結束 ------------>
複製代碼

 

臉書網友討論
發表於 2013-11-14 00:16:43 | 顯示全部樓層
太棒了!  

版主招募中

您需要登錄後才可以回帖 登錄 | 註冊 |

本版積分規則



Archiver|手機版|小黑屋|免責聲明|TShopping

GMT+8, 2016-12-3 18:38 , Processed in 0.054819 second(s), 19 queries .

本論壇言論純屬發表者個人意見,與 TShopping綜合論壇 立場無關 如有意見侵犯了您的權益 請寫信聯絡我們。

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表