jQuery仿天空星星飘动效果

1、新建html文档。

2、准备好需要用到的图标。星空背景让js动画看起来更逼真。

3、书写hmtl代码。<div>jQuery仿天空星星飘动效果,图片设置的是body标签背景图片。</div>

4、书写css代码。

<style type="text/css">

body { background-color: #030D17; background-image: url(images/bg.jpg); background-repeat: no-repeat; background-position: center top; }

body, td, th { font-size: 12px; color: #95C8DB; }

a:link { color: #D1E6F9; }

a:visited { color: #D1E6F9; }

a:hover { color: #FFFF00; }

a:active { color: #FFFF00; }

</style>

5、书写并添加js代码。<script src="js/jquery.min.js"></script> jquery.min.js是个mini的js包网上可以下载的。

6、代码整体结构。

7、查看效果。