html 页面怎么做星星闪烁的效果

使用内框架的结构，加入IFRAME

<iframe height=100% width=100% src="http://www.gbtags.com/gb/rtwidget-replayerpreview/1050.htm" frameborder=0 allowfullscreen></iframe>

如图所示，当鼠标移上canvas区域的时候，显示星星闪烁的效果，星星本身还会有一个缓慢飘动的速度，当星星飘出canvas区域的时候，该星星消失，canvas区域的某个地方又会重生一个星星。

首先准备两张图片：

背景图：girl.jpg

星星的序列帧图片：star.png

js库：commonFunctions.js

项目主文件：index.html

文件目录如下：

这个由浏览器默认设定，不同的浏览器不一样，有的浏览器是黑色圆点，有的浏览器是星号，不可以修改。除非你自己用代码实现这样的功能，没有说哪个属性或样式一设置就可以这么简单。

自己实现可以用js的replace或者用html5的placeholder之类的东西来实现。思路是将用户输入的东西复制到另外一个隐藏元素中。同时修改可见的输入框的内容。

---