1.二級導航
（js方法和css3的方法）--建議使用css3樣式（若兩種方法實現(xiàn)的效果一樣）
(1)js方法
例子
Index.css(注意:注釋的設置微博二字的hover，但在css樣式里設置顯示不了，只能js中設置)
注意：在js中的注釋的可以設置二級導航的文字hover，也可以在css樣式里設置—在css樣式里設置更方便和簡潔
效果圖
（2）css3的方法：
這兩句就可以直接設置二級導航，所以若css3樣式和js都可以實現(xiàn)效果，建議使用css3樣式
2.按鈕點擊顯示或隱藏
注意：按鈕點擊用js是利用元素.onclick=function(){};而index.html文件中不用二級導航一樣先一個無序系列然后在li里再設置一個無序系列；它只需要另外獨立的元素行，其中有按鈕input就好了
效果圖
例子
注意：圓圈的是設置顯示與隱藏的js代碼，注釋這部分也是另一種有效方法
3.點擊彈出內(nèi)框與外框的關系
效果圖
4.聊天框
例子
效果圖
5.文字的縮放和顏色的調(diào)整
例子
圓圈的也可以設置文字縮小和顏色調(diào)整（另一種方法，只是圓圈這種方法比較繁瑣）
效果圖
6.圖片切換（前后鍵）
效果圖
7.利用for循環(huán)來設置形狀V
效果圖
8.點擊按鈕自動生成新聞
效果圖
例子
9.導航展開
效果圖
例子
10.右側(cè)點擊切換圖片
效果圖
例子
11.圖片切換（圓點點擊切換和左右側(cè)切換）
效果圖
例子
12.控制多組圖片切換
效果圖
例子
注意：圓圈部分（優(yōu)先級）
13.關于類型轉(zhuǎn)換
1.qq號碼輸入的判斷
效果圖
例子
從這個例子可以看出類型轉(zhuǎn)換的作用
2.判斷數(shù)據(jù)類型
效果圖
例子
圈著的這些是體現(xiàn)了類型轉(zhuǎn)換的作用
14.購買物品時數(shù)量和價格計數(shù)設置
效果圖
例子
太長，往后的省略
15.點擊編輯文本
例子
16.利用求模和數(shù)組來計算出來的（鼠標滑過效果）
效果圖
例子
17.多項選擇點擊反選
效果圖
例子
源代碼那注釋也是一種方法
18.點擊評價
效果圖
例子
19.全選
效果圖
例子
這些demo是以前學習原生js時寫的，可能寫的不簡潔不優(yōu)化，如今整理好分享出來，請讀者們勿噴！
本文作者lilyping
越努力，越幸運
原文鏈接：http://www.lxweimin.com/u/3908e601f4ec
微信公眾號：BestLilyPing
github:https://github.com/lilyping
Demos源碼地址：https://github.com/lilyping
