分享9個非常有趣的JavaScript應用

來源:互聯網
上載者:User

  互連網越來越重要,我們可以用它來工作、學習和娛樂,在娛樂方面,我們在互連網上玩遊戲,搜尋,收聽和下載最喜歡的歌曲,視頻和電影。互連網也是個非常好的學習環境,有利於我們尋找資料,協助我們解決碰到的問題,還可以得到其他人的支援和協助,這在電腦領域非常普遍,特別是程式開發,很多人認為程式設計語言只是用於工作,沒有什麼樂趣,其實,只要我們發揮奇思妙想,再死板的東西也有有趣的一面。我寫這篇文章的目的,就是想告訴所有人:使用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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.