Circle animation

很久沒有做這類的東西，

這次是一種漸層的排序，

運用了三角函數的sin，

和一些tween

留言

張貼留言

這個網誌中的熱門文章

html嵌入youtube影片當背景，並靜音

網路上看到至少三種以上教學，我依序放上我試過的： 首先，先知道影片內容， https://www.youtube.com/watch?v=YrLk4vdY28Q watch?v=XXXXXXXXX，後面即為id 若後面還有?rel或什麼什麼的，一律不管刪掉 第一種，簡單嵌入式，用div控制大小，並用iframe的參數來控制影片 來源： https://blog.allenchou.cc/youtube-video-background/ ---------- <div style="position: fixed; z-index: -99; width: 100%; height: 100%">   <iframe frameborder="0" height="100%" width="100%" src="我的影片?autoplay=1&controls=0&showinfo=0&autohide=1" frameborder="0" allowfullscreen> </iframe> </div> <div id="muteYouTubeVideoPlayer"></div> ------------ 在src來源的部份，有autoplay，controls，showinfo，autohide這些 autoplay // 在讀取時自動播放影片 0為不播放 controls // 在播放器顯示暫停／播放按鈕 0為不出現 showinfo // 隱藏影片標題 1為不出現 autohide // 播放影片時隱藏影片控制列 0為不出現 fs // 顯示全螢幕按鈕 0為不出現 loop //循環播放 0為不循環 但，以上的問題就是沒有靜音功能… 然後，找到一個網站，在iframe上設定參數，增加一個volumn="0" 如下 <iframe width="640" heigh...
閱讀完整內容

（jQuery）筆記-逐一代入同名稱不同數值

<div id="first">first</div> <div id="second">second</div> 出現的結果就是會有兩個div， 而點選每一個都有不同的結果， 要做出按不同的div，會有不同的訊息， 一般可以想到針對第一個，有msg1，第二個則是msg2 var msg1 = … 之類的 但是10個100個就累死人了， 可是在語法中，message只有一個， 表示每個按下去的div都有自己的message， 一般的想法會以為： var message = 'u click first';   //這裡定義 $('#first').bind('click',function(){  //這裡塞入     alert(message); }) var message = 'u click second';  //這裡定義新內容（同樣是message這個值） $('#second').bind('click',function(){  //這裡塞入     alert(message); }) 這樣的狀況下，並不如as當中一樣， 執行到哪就塞到哪並等著你， 因為， 最後按的時後，會去找到message（已經變second了） 因此，要塞入的方法就要改一下 Script var message = 'u click first'; $('#first').bind('click',{msg: message},function(event){     alert(event.data.msg); }) var message = 'u click second'; $('#second').bind('click', {msg: message} ,function(event){     alert( event.data.msg ); }) 如此一來，一定義就塞入，就各不相關， 跟as中，給物件一個值同道理...
閱讀完整內容

{jQuery心得}.map與.get取得數值的不同

html <div>One</div> <div>Two</div> <div>Three</div> map： 將目前相符集合中的每個元素傳入函式內 產生包含傳回值的新jquery物件 Script:map var cont = $('div').map(function(){ return $(this).text(); }); alert(cont) 會得到 [object Object] 因此，要將東西叫出來時，會使用 .get(),join() =================華麗的分隔線================= get: 取得jqyery物件所選取的dom元素 Script:get var cont = $('div').get(); alert(cont); 則會取得 [object HTMLDivElement],[object HTMLDivElement],[object HTMLDivElement] 將東西叫出來時，則使用 innerHTML
閱讀完整內容