假设页面中有一段文本,当用户操作鼠标在文字上移动时,文字像跳舞一样随鼠标变化,岂不是非常有趣!本例结合jQuery框架和jQuery.moatext插件,实现了文字跟随鼠标移动变化的动画效果,效果如图1.37和图1.38所示。
图1.37 文字跟随鼠标移动效果(一)
图1.38 文字跟随鼠标移动效果(二)
本例主要代码如下:
本例的关键代码是第04~08行,其中.moatext()初始化函数可以实现多种文字跟随鼠标移动变化的动画效果,其语法如下:
其中参数说明见表1.4。
表1.4 moatext插件函数参数说明