以简单的方式创造有趣和疯狂的移动文本。
你将需要包括JavaScript文件jquery.funnyText.js和插件的css文件jquery.funnyText.css ,以及jQuery。
包括文件:
1 2 3 | < link rel = "stylesheet" type = "text/css" href = "jquery.funnyText.css" /> < script type = "text/javascript" src = "jquery.funnyText.js" ></ script > |
所需的HTML结构
有趣的文字效果将根据您的自定义选择器将被使用,以及在初始化应用到文本。
1 | < div class = "mySelector" > funnText是用在这里< / DIV> |
初始化
1 2 3 | $(document).ready( function () { $( '.mySelector' ).funnyText(); }); |
一个更复杂的初始化所有的选项设置可能看起来像这样:
1 2 3 4 5 6 7 8 9 10 | $(document).ready( function () { $( '.mySelector' ).funnyText({ speed: 700, borderColor: 'black' , activeColor: 'white' , color: 'black' , fontSize: '7em' , direction: 'both' }); }); |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com