琴弦文字 - jquery插件,琴弦文字jquery插件

2019-11-20 作者:计算机教程   |   浏览(52)

琴弦文字 - jquery插件,琴弦文字jquery插件

这是一个基于jquery的琴弦效果插件。

以前曾经见过这个效果,有过尝试的想法但是当时技能点还不够。 前天在火车上偶然想起这个,认真思索了一下,一气呵成 :D

看来最近技能树点偏的不太远。

效果展示 用你的鼠标,划过下面的文字

琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字

The string words.The string words.The string words.The string words.

琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字

The string words.The string words.The string words.The string words.

琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字

www.2003.com,The string words.The string words.The string words.The string words.

特地做了ie6的兼容,,,也不知道是否可用,再附图一张:

www.2003.com 1

代码放在github上,欢迎star...... https://github.com/shalldie/qin

 

使用方式:

1         $(selector).qin({
2             offset:22, // default , 最大偏移量
3             duration:500, // default , 晃动时间
4             recline:0.1 // default , 每像素偏移量,越小“琴弦绷的越紧”
5         });

容器需要给一个定位,如:relative,absolute

 

并不是很复杂的东西,讲一下我的思路。


效果:


思路:


 

Enjoy it!

 

http://www.bkjia.com/jQuery/1163666.htmlwww.bkjia.comtruehttp://www.bkjia.com/jQuery/1163666.htmlTechArticle琴弦文字 - jquery插件,琴弦文字jquery插件 这是一个基于jquery的琴弦效果插件。 以前曾经见过这个效果,有过尝试的想法但是当时技能点还...

本文由www.2003.com发布于计算机教程,转载请注明出处:琴弦文字 - jquery插件,琴弦文字jquery插件

关键词: