互連網越來越重要,我們可以用它來工作、學習和娛樂,在娛樂方面,我們在互連網上玩遊戲,搜尋,收聽和下載最喜歡的歌曲,視頻和電影。互連網也是個非常好的學習環境,有利於我們尋找資料,協助我們解決碰到的問題,還可以得到其他人的支援和協助,這在電腦領域非常普遍,特別是程式開發,很多人認為程式設計語言只是用於工作,沒有什麼樂趣,其實,只要我們發揮奇思妙想,再死板的東西也有有趣的一面。我寫這篇文章的目的,就是想告訴所有人:使用JavaScript,可以做很多很多有趣的事情。
1.讓網頁中的圖片飛起來
只要把下面的代碼貼到瀏覽器的地址欄裡然後按Enter鍵,當前網頁的所有圖片都將動起來。
javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; var DI= document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5+"px"; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5+"px"}R++}tag=setInterval('A()',5 );document.onmousedown=function(){clearInterval(tag);for(i=0; i<DIL; i++){DI[i].style.position="static";}}; void(0)
在上面的JavaScript,您可以修改document.getElementsByTagName("img")為任何你想應用的HTML標籤。
這是另外一個版本:
javascript:R=0;x1=.1;y1=.05;x2=.25;y2=.24;x3=1.6;y3=.24;x4=300;y4=200;x5=300;y5=200;DI= document.images;DIL=DI.length;function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style;DIS.position='absolute' ;DIS.left=Math.sin(R*x1+ i*x2+x3)* x4+x5;DIS.top=Math.cos(R*y1+ i*y2+y3)* y4+y5;} R++;}setInterval('A()',5);void(0);
2.把網頁轉換成編輯模式
圖片僅供示範,大家把下面的代碼貼到地址欄可以看到實際的效果。
javascript:document.body.contentEditable='true'; document.designMode='on'; void(0);
此JavaScript代碼,可以讓你即時修改任何的網頁,在Firefox中,你甚至可以把修改的網頁儲存到起來。 用上面這段簡單的JavaScript代碼,你可以做很多有趣的事情,對於網頁設計者來說,這個功能可以輔助完善頁面效果。
3.你必須愛我
把這個例子的連結發給你心愛的人,然後讓她回答“你愛我嗎?”,她無論如何都沒辦法回答No,哈哈~
示範 原始碼
4.錯誤資訊氣球
和上面那個類似的玩笑,只不過這裡是用圖片來選擇,這個有趣的想法加上一些不同的圖片,可以創造出更多有趣的應用。
5.用文本製作的啦啦隊動畫
無需多說些什麼,自己實驗一下吧,哈哈
示範 原始碼
6.騙人的文本輸入框
這個指令碼用來證明你太相信別人。不相信我?不信的話自己試試,呵呵
示範 原始碼
7.關閉不了的視窗
運行這個指令碼前,你要仔細考慮一下,可能並不是那麼有趣。要正常看到效果,確保允許彈出新視窗。
示範 原始碼
8.抖動一下瀏覽器視窗
改變瀏覽器視窗尺寸到普通模式,可能半屏的效果是最好的。把下面的代碼貼到地址欄,按Enter鍵。(我試了好幾次,就看見一次傳說中的效果嘛,不知大家能否實驗出來)
javascript:function Shw(n) {if (self.moveBy) {for (i = 35; i > 0; i--) {for (j = n; j > 0; j--) {self.moveBy(1,i);self.moveBy(i,0);self.moveBy(0,-i);self.moveBy(-i,0); }}}} Shw(6);
9.愛情測試
一個用於測試兩個人之間的愛情指數的小指令碼,只是一個玩笑,後果自負,哈哈~只支援英文名字。
示範 原始碼
用JavaScript開發的簡單有趣的遊戲
在文章末尾,我列出一些用javascript開發的遊戲資源,希望你能從中發現一些有趣的東西。
- Game Scripts
- 25 Amazing JavaScript Games
- JavaScript Gaming
- Free JavaScript Games Download
- Free JavaScript Games
本文連結:9個非常有趣的javascript應用
英文來源:9 Funniest JavaScript Effects