首頁 > 網頁特效 > 圖片特效 > 超酷的jquery實現圖片水波紋動畫特效代碼

江苏十一选五胆拖列表:超酷的jquery實現圖片水波紋動畫特效代碼

時間:2012-07-20    來源:互聯網

江苏十一选五开奖公告 www.ervgn.com jquery與HTML5的結合,能實現一些以前沒法做到的效果,就像今天介紹的這款讓圖片實現水波紋的動畫特效,就是利用HTML5的canvas元素與jquery結合做出來的,很特別很有趣。

js代碼

<script src="jquery.js"></script>
<script src="lake.js"></script>
<script>
$(function() {
$('#lake-img').lake({
'speed': 1,
'scale': 0.5,
'waves': 10
});
});
</script>

html代碼

<img id="lake-img" src="lake.png" style="display: none;"/>

特效推薦

熱門特效