JavaScript圖文教程之頁面自制特殊效果二例_javascript
發布時間:2021-12-27 文章來源:xp下載站 瀏覽:
|
軟件是一系列按照特定順序組織的計算機數據和指令的集合。一般來講軟件被劃分為編程語言、系統軟件、應用軟件和介于這兩者之間的中間件。硬件是“計算機硬件”的簡稱。與“軟件”相對,電子計算機系統中所有實體部件和設備的統稱。 想要讓自己的網頁有一些特殊效果嗎，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> 特點：圖片循環淡入淡出。 本文的代碼都非常簡單，需要解釋的地方我都有解釋。 硬件是實在的，有模有樣的。軟件是程序性的。是一系列的指令。有了軟件，硬件才會實現更豐富的功能。 |
