上次利用jQuery來操作canvas的試次還算順利，所以也想用jQuery來操作CSS3 animation。
可是這次就沒有上次那麼幸運了，無論用選擇器或函數，就是無法操作CSS3 animation。
經google大神的幫助，找到一個jQuery的外掛程式：jQuery-Keyframes
下載網址：https://github.com/jQueryKeyframes/jQuery.Keyframes
另外還要下載一個js：prefixfree
下載網址：http://leaverou.github.io/prefixfree/
-------------------
HTML5的測試原始碼
-------------------
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>CSS TEST</title>
<style>
.test01 {
width: 200px;
height: 210px;
position:relative;
top: 0px;
left: 0px;
border: 1px solid #999999;
}
</style>
</head>
<body>
<section>
<input id="btn01" type="button" value="TEST"></input>
<div id="jq_test01" class="test01">aaaaaaaaa</div>
</section>
</body>
<script type="text/javascript" src="jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery.keyframes.js"></script>
<script type="text/javascript" src="js/prefixfree.min.js"></script>
<script>
$(window).load(function(){
$.keyframe.define([{
name: 'test01',
'0%': {'left': '270px'},
'30%': {'left': '10px'},
'60%': {'left': '230px'},
'100%': {'left': '10px'}
}]);
$("#btn01").click(function(){
$("#jq_test01").playKeyframe('test01 2000ms linear ');
});
});
</script>
</html>
-
Windows7 / Windows8 kill process Linux下要刪除某個程序通常會使用 ps 配合 kill 來刪除程序。 例如：ps -ef |grep [PROCESS NAME] kill -9 [PID] 在Windows下，通常是...
-
利用Win 10的工作排程器來設定每日自動執行的批次檔，單獨執行批次檔沒問題，但是放在排程上就是無法執行。 後來試了幾種網路上提供的方式，其注意的事項如下： 1、在「安全性選項」選擇「只有使用者登入時才執行」並取消「以最高權限執行」。 2、在「設定」中選擇「Win... -
因為寫程式時剛好用到sin、cos等數學函數，但是傳入值都是徑度（單位圓上角度所對的弧長為該角度的徑度）， 而不是角度，所以找到了換算的方法，順道也記錄下來。 已知 pi=3.1415 已知 圓周長=半徑*2*pi 已知 一個圓有360度 所以 1徑度=半徑...