<progress id="btth9"></progress>
<sub id="btth9"><thead id="btth9"><font id="btth9"></font></thead></sub>

<sub id="btth9"></sub>

      <big id="btth9"></big>

      <progress id="btth9"></progress>

      <big id="btth9"></big>

      win7系統下載
      當前位置: 首頁 > 硬件軟件教程 > 詳細頁面

      JavaScript圖文教程之頁面自制特殊效果二例_javascript

      發布時間:2021-12-27 文章來源:xp下載站 瀏覽:

      軟件是一系列按照特定順序組織的計算機數據和指令的集合。一般來講軟件被劃分為編程語言、系統軟件、應用軟件和介于這兩者之間的中間件。硬件是“計算機硬件”的簡稱。與“軟件”相對,電子計算機系統中所有實體部件和設備的統稱。

        想要讓自己的網頁有一些特殊效果嗎,JavaScript是可以幫你做到的,大家不妨看看下面的兩個實例。網絡世界精彩無比,絢麗的頁面如果合理的使用特效,一定會增色不少。下面就是我總結的特效:

      JavaScript教程之網頁制作特殊效果二例
      JavaScript教程之網頁制作特殊效果二例

        跳動文字

        想看會跳舞的文字?來吧!

        代碼:先在《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"><BR><BR>  <!--<BR><BR>  mark=0;<BR><BR>  function tupian() //建立函數tupian()<BR><BR>  {<BR><BR>  if(photo.filters.alpha.opacity<10)<BR><BR>  //當圖片透明度小于10時<BR><BR>  mark=1;<BR><BR>  if(photo.filters.alpha.opacity>98)<BR><BR>  //當圖片透明度大于98時<BR><BR>  mark=-1;<BR><BR>  step=2*mark;<BR><BR>  photo.filters.alpha.opacity+=step;<BR><BR>  //透明值計數器累加<BR><BR>  setTimeout(´tupian()´,20);<BR><BR>  //每隔20毫秒程序執行一次<BR><BR>  }<BR><BR>  ---></script><BR><BR>  再在圖片屬性中加id="photo"和style="filter:alpha(opacity=0;)"<BR><BR>  最后在那個圖片代碼的后面加上<script><!--<BR><BR>  tupian();<BR><BR>  ---></script><BR><BR>

        特點:圖片循環淡入淡出。

        本文的代碼都非常簡單,需要解釋的地方我都有解釋。


      硬件是實在的,有模有樣的。軟件是程序性的。是一系列的指令。有了軟件,硬件才會實現更豐富的功能。

      日本不卡免费新一区二区三区