JavaScript網頁製作特殊效果用隨機數

來源:互聯網
上載者:User

網路世界精彩無比,絢麗的頁面如果合理的使用特效,一定會增色不少。下面就是我總結的特效:
  跳動文字
  想看會跳舞的文字?來吧!
  代碼:先在〈head〉和〈/head〉之間添加〈script language="JavaScript"〉
  〈!--
  function font11()
  //定義函數font11()
  {
  document.all.a1.style.fontSize=16+
  Math.floor(Math.random()*24); //調用Math.random()函數產生一個隨機數,再利用Math.floor()函數產生小於或等於Math.random()*24的下一個數,來改變文字大小
  c1=Math.floor(Math.random()*256);
  c2=Math.floor(Math.random()*256);
  c3=Math.floor(Math.random()*256);
  document.all.a1.style.color="rgb("+c1+","+c2+","+c3+")"; //同上,改變文字顏色(利用RGB調色)
  timer=setTimeout('font11()',200); //每200毫秒調用一次font11()函數
  }
  ---〉〈/script〉
  再在〈body〉中加onLoad="font11();"
  最後在需要處加上〈span id="a1"〉飛〈/span〉
  特點:文字顏色及大小可隨機的變化。
  延伸:可在網頁中添加多組代碼,其中font11 分別代表不同的文字,今後是font12 、font13 等等,文字可表現為每個都不同。
  圖片淡入淡出
  隨著時間的過去,圖片也迴圈的由模糊到清晰改變。
  代碼:先在〈head〉和〈/head〉之間添加〈script language="JavaScript"〉
  〈!--
  mark=0;
  function tupian() //建立函數tupian()
  {
  if(photo.filters.alpha.opacity〈10)
  //當圖片透明度小於10時
  mark=1;
  if(photo.filters.alpha.opacity〉98)
  //當圖片透明度大於98時
  mark=-1;
  step=2*mark;
  photo.filters.alpha.opacity+=step;
  //透明值計數器累加
  setTimeout('tupian()',20);
  //每隔20毫秒程式執行一次
  }
  ---〉〈/script〉
  再在圖片屬性中加id="photo"和style="filter:alpha(opacity=0;)"
  最後在那個圖片代碼的後面加上〈script〉〈!--
  tupian();
  ---〉〈/script〉
  特點:圖片迴圈淡入淡出。
  本文的代碼都非常簡單,需要解釋的地方我都有解釋。
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.