购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

1.25 实现文字跟随鼠标移动变化的动画效果

假设页面中有一段文本,当用户操作鼠标在文字上移动时,文字像跳舞一样随鼠标变化,岂不是非常有趣!本例结合jQuery框架和jQuery.moatext插件,实现了文字跟随鼠标移动变化的动画效果,效果如图1.37和图1.38所示。

图1.37 文字跟随鼠标移动效果(一)

图1.38 文字跟随鼠标移动效果(二)

本例主要代码如下:

本例的关键代码是第04~08行,其中.moatext()初始化函数可以实现多种文字跟随鼠标移动变化的动画效果,其语法如下:

其中参数说明见表1.4。

表1.4 moatext插件函数参数说明 LzSe7H+qfW3PgzvC7bRzhya8w0Eza4qv09+Exv2smcsycQRhzrGBV2/iJe9eFrbb

点击中间区域
呼出菜单
上一章
目录
下一章
×