RT,是參照慕課的教程做的。兩個多小時的教程，看完了然后晚上的時候做了下，看的時候感覺明白了，但其實做的時候還是有很多小細節需要處理的。 上代碼，思想什么的直接去慕課看教程就好了。點擊這里 注釋也 ...

在前面的隨筆中介紹了如何用DOM技術修改文檔的央樣式信息，用JavaScript添加樣式信息可以節約我們的時間和精力,但總的來說,CSS仍是完成這類任務的最佳工具。但是有一個應用領域是目前的C ...

我只是想實現一個類似迪士尼早期動畫那樣，一張圖片從一個逐漸擴大的圓中鑽出來的效果，沒想到實際做起來卻很復雜。 　自己研究半天，結果除了一個土辦法之外，其他的統統不合適，我沒有在原生css中找到一個可以“擊穿”其他元素的方式。后來網上看到一個辦法，他投機取巧地把border改得很大，起到一個 ...

最近有朋友問我類似微信語音播放的喇叭動畫和界面圖片加載loading界面是怎樣實現的，是不是就是一個gif圖片呢！我的回答當然是否定了，當然不排除也有人用gif圖片啊！下面我就來羅列三種實現loading動畫效果的方法。 方法一：使用UIImageView自帶的方法來實現，這也是我推薦的實現方法 ...

　　 　　用javascript實現簡單的下拉折疊菜單效果 實現步驟 　　（a）獲得各操作的dom對象； 　　（b）在所有菜單按鈕對象上添加單擊事件； 　　（c）設置所有菜單按鈕樣式為空，並將當前按鈕的樣式設置為“active”；同時設置div1下面的所有div元素 ...

<style>.box { width: 400px; padding: 20px; border: 40px solid #a0b3d6; background-color: #eee; ...

為了做好導航菜單，有時候需要在菜單下拉的時候實現動畫效果，所以這幾天就研究了研究如何用js實現動畫效果，實現動畫核心要用到兩個函數，一個是setTimeOut,另一個是setInterval. 下邊我就簡單說一下過程和原理。 第一步：實現一個匿名函數並能自己執行。 （function ...

原理如下： 假設要從數值A變化到數值B，如果是線性運動，則每次移動距離是一樣；如果是緩動，每次移動距離不一樣。那如何才能不一樣呢？很簡單，按比例移動就可以。 例如：每次移動剩余距離的一半。 對吧，超容易理解的。 比方說：你和初戀之間距離是64，每秒移動一半，則，你們之間的距離下一秒就是32 ...