首页 > 网页特效 > 图片特效 > 超酷的jquery实现图片水波纹动画特效代码

超酷的jquery实现图片水波纹动画特效代码

时间:2012-07-20    来源:互联网

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;"/>

特效推荐

热门特效