TShopping

標題: 超炫變色捲軸 [打印本頁]
作者: woff    時間: 2008-6-1 16:25
標題: 超炫變色捲軸

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

  7. var scrollPct, prevStep, nextStep, interStep

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

  20. function newColor(chan) {
  21. var i=Math.floor(steps[prevStep][chan]+interStep*(steps[nextStep][chan]-steps[prevStep][chan]));
  22. return i;
  23. }

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

  38. window.onscroll=scrollFunk;
  39. //-->
  40. </SCRIPT>
  41. <!------------ 插入控制碼區段結束 ------------>
複製代碼




歡迎光臨 TShopping (http://www.tshopping.com.tw/) Powered by Discuz! X3.2