以下是 jQuery白云飘动插件jQlouds特效代码 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery白云飘动插件jQlouds</title>
<script src="jquery-1.7.2.min.js"></script>
<script src="jquery.jqlouds.min.js"></script>
<style type="text/css">
body { background-color: #f4fbfd; background-image: url(bg.png); background-repeat: repeat-x; padding-top: 30px; }
</style>
</head>
<body>
<div id="sky" style="height:223px;"></div>
<script>
jQuery(function($) {
$('#sky').jQlouds({
wind: true
});
});
</script>
</body>
</html>