经验分享程序开发文档资料数据资源其它资源

jquery动态字体跳跃效果js代码

版权：原创 更新时间：1年以上
[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是 jquery动态字体跳跃效果js代码 的示例演示效果:

当前平台(PC电脑)
  • 平台:
整屏预览

部分效果截图:

jquery动态字体跳跃效果js代码

HTML代码(index.html):

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery动态字体跳跃效果</title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
		<script type="text/javascript" src="js/jquery.moatext-min.js"></script>
        <script type="text/javascript"><!--
            $(function(){
                $(".moamix1").moatext({effects:["lens","wave"]});
                $(".moamix1w").moatext({effects:["lens","wave"],parser:jQuery.fn.moatext.parser_byword});
                $(".moamix2").moatext({effects:["lens","wave","opacity"]});
                $(".moafunc").moatext({hover:[
                    function(target){jQuery(target).css({
                        color: "#FF0000",
                        fontWeight: "bold"
                    });},
                    function(target){jQuery(target).css({
                        color: "#000000",
                        fontWeight: "normal"
                    });}
                ]});
				$(".omikuji").css({opacity:"0.0"})
						.eq(Math.floor(Math.random()*3))
						.css({opacity:"1.0"})
						.moatext({
							effects:["opacity"],
							oneway:true,
							values:{opacity:{base:"0.0"}}
							});
				$(".moaoptions").moatext({
					effects: ["lens","wave","opacity"],
					values:{
						"opacity": {
							"base": "1.0",
							"enter": "0.1",
							"leave": "1.0"
						},
						"wave": {
							"enter": ["-50px","20px"]
						}
					},
					duration:2000,
					easing:"swing"
				});
            	$(".smiley").moatext({
			    	effects:["lens","wave"],
				    action_type: "hover"
				});
            });
        // -->  
        </script>
		<title>Demo page of MOA Text</title>
	</head>
	<body>
<h1><a name="top">Demo page of MOA Text</a></h1>

<hr>
<div>
<h3>Demo Index</h3>
<ul>
<li><a href="#lens">Lens</a></li>
<li><a href="#wave">Wave</a></li>
<li><a href="#opacity">Opacity</a></li>
<li><a href="#lensandwave">Lens and Wave</a></li>
<li><a href="#lensandwave2">Lens and Wave(animate by word)</a></li>
<li><a href="#lenswaveandopacity">Lens, Wave and Opacity</a></li>
<li><a href="#originalfunctions">Original functions</a></li>
<li><a href="#omikuji">Omikuji</a></li>
<li><a href="#greeting">Greeting</a></li>
<li><a href="#smiley">Japanese Smiley</a></li>
</ul>
</div>
<h2><a name="lens">Lens</a></h2>
<h3>Source</h3>
<pre style="background-color:#000000; padding: 5px 5px 5px 5px; font-size: 11px; color: #ffffff">
&lt;div class="moatext_lens"&gt;
I have a dream ...
&lt;/div&gt;
</pre>
<h3>Try it</h3>
<div style="border: 1px solid #000; padding: 5px 5px 5px 5px" class="moatext_lens">
I have a dream that one day this nation will rise up and live out the true meaning of its creed. "We hold these truths to be self-evident: that all men are created equal." 
</div>
<p align="right"><a href="#top">back to TOP</a></p>
<h2><a name="wave">Wave</a></h2>
<h3>Source</h3>
<pre style="background-color:#000000; padding: 5px 5px 5px 5px; font-size: 11px; color: #ffffff">
&lt;div class="moatext_wave"&gt;
I have a dream ...
&lt;/div&gt;
</pre>
<h3>Try it</h3>
<div style="border: 1px solid #000; padding: 5px 5px 5px 5px" class="moatext_wave">
I have a dream that one day out in the red hills of Georgia the sons of former slaves and the sons of former slave owners will be able to sit down together at the table of brotherhood. 
</div>
<p align="right"><a href="#top">back to TOP</a></p>
<h2><a name="opacity">Opacity</a></h2>
<h3>Source</h3>
<pre style="background-color:#000000; padding: 5px 5px 5px 5px; font-size: 11px; color: #ffffff">
&lt;div class="moatext_opacity"&gt;
I have a dream ...
&lt;/div&gt;
</pre>
<h3>Try it</h3>
<div style="border: 1px solid #000; padding: 5px 5px 5px 5px" class="moatext_opacity">
I have a dream that one day even the state of Mississippi, a state sweltering with the heat of oppression, will be transformed into an oasis of freedom and justice. 
</div>
<p align="right"><a href="#top">back to TOP</a></p>
<h2><a name="lensandwave">Lens and Wave</a></h2>
<h3>Source</h3>
<pre style="background-color:#000000; padding: 5px 5px 5px 5px; font-size: 11px; color: #ffffff">
&lt;script type="text/javascript" language="JavaScript"&gt;&lt;!--
  $(function(){
    $(".moamix1").moatext({effects:["lens","wave"]});
  });
--&gt;
&lt;/script&gt;

&lt;div class="moamix1"&gt;
I have a dream ...
&lt;/div&gt;
</pre>
<h3>Try it</h3>
<div style="border: 1px solid #000; padding: 5px 5px 5px 5px" class="moamix1">
I have a dream that my four little children will one day live in a nation where they will not be judged by the color of their skin but by their character. 
</div>
<p align="right"><a href="#top">back to TOP</a></p>
<h2><a name="lensandwave2">Lens and Wave(animate by word)</a></h2>
<h3>Source</h3>
<pre style="background-color:#000000; padding: 5px 5px 5px 5px; font-size: 11px; color: #ffffff">
&lt;script type="text/javascript" language="JavaScript"&gt;&lt;!--
  $(function(){
    $(".moamix1w").moatext({effects:["lens","wave"],parser:jQuery.fn.moatext.parser_byword});
  });
--&gt;
&lt;/script&gt;

&lt;div class="moamix1w"&gt;
I have a dream ...
&lt;/div&gt;
</pre>
<h3>Try it</h3>
<div style="border: 1px solid #000; padding: 5px 5px 5px 5px" class="moamix1w">
I have a dream that my four little children will one day live in a nation where they will not be judged by the color of their skin but by their character. 
</div>
<p align="right"><a href="#top">back to TOP</a></p>
<h2><a name="lenswaveandopacity">Lens, Wave and Opacity</a></h2>
<h3>Source</h3>
<pre style="background-color:#000000; padding: 5px 5px 5px 5px; font-size: 11px; color: #ffffff">
&lt;script type="text/javascript" language="JavaScript"&gt;&lt;!--
  $(function(){
    $(".moamix2").moatext({effects:["lens","wave","opacity"]});
  });
--&gt;
&lt;/script&gt;

&lt;div class="moamix2"&gt;
もちろん日本語でも大丈夫です。No problem about Japanese language.
&lt;/div&gt;
</pre>
<h3>Try it</h3>
<div style="border: 1px solid #000; padding: 5px 5px 5px 5px" class="moamix2">
もちろん日本語でも大丈夫です。No problem about Japanese language.
</div>
<p align="right"><a href="#top">back to TOP</a></p>
<h2><a name="originalfunctions">Original functions</a></h2>
<h3>Source</h3>
<pre style="background-color:#000000; padding: 5px 5px 5px 5px; font-size: 11px; color: #ffffff">
&lt;script type="text/javascript" language="JavaScript"&gt;&lt;!--
  $(function(){
    $(".moafunc").moatext({hover:[
        function(){$(this).css({
            color: "#FF0000",
            fontWeight: "bold"
        });},
        function(){$(this).css({
            color: "#000000",
            fontWeight: "normal"
        });}
    ]});
  });
--&gt;
&lt;/script&gt;

&lt;div class="moafunc"&gt;
Please visit our site ...
&lt;/div&gt;
</pre>
<h3>Try it</h3>
<div style="border: 1px solid #000; padding: 5px 5px 5px 5px" class="moafunc">
</div>
<p align="right"><a href="#top">back to TOP</a></p>
<h2><a name="omikuji">Omikuji</a></h2>
<h3>Source</h3>
<pre style="background-color:#000000; padding: 5px 5px 5px 5px; font-size: 11px; color: #ffffff">
&lt;script type="text/javascript" language="JavaScript"&gt;&lt;!--
  $(function(){
	$(".omikuji").css({opacity:"0.0"})
			.eq(Math.floor(Math.random()*3))
			.css({opacity:"1.0"})
			.moatext({
				effects:["opacity"],
				oneway:true,
				values:{opacity:{base:"0.0"}}
				});
--&gt;
&lt;/script&gt;

&lt;div class="omikuji"&gt;大吉 Great blessing!&lt;/div&gt;
&lt;div class="omikuji"&gt;吉 Blessing!&lt;/div&gt;
&lt;div class="omikuji"&gt;凶 Curse!&lt;/div&gt;
</pre>
<h3>Try it</h3>
<div style="border: 1px solid #000; padding: 5px 5px 5px 5px">
Omikuji<br>
<div class="omikuji">大吉 Great blessing!</div>
<div class="omikuji">吉 Blessing!</div>
<div class="omikuji">凶 Curse!</div>
</div>
<p align="right"><a href="#top">back to TOP</a></p>
<h2><a name="greeting">Greeting</a></h2>
<h3>Source</h3>
<pre style="background-color:#000000; padding: 5px 5px 5px 5px; font-size: 11px; color: #ffffff">
&lt;script type="text/javascript" language="JavaScript"&gt;&lt;!--
  $(function(){
	$(".moaoptions").moatext({
		effects: ["lens","wave","opacity"],
		values:{
			"opacity": {
				"base": "1.0",
				"enter": "0.1",
				"leave": "1.0"
			},
			"wave": {
				"enter": ["-50px","20px"]
			}
		},
		duration:2000,
		easing:"swing"
	});
  });
--&gt;
&lt;/script&gt;

&lt;div class="moaoptions">Hello　こんにちは...&lt;/div&gt;

</pre>
<h3>Try it</h3>
<div style="border: 1px solid #000; padding: 5px 5px 5px 5px" class="moaoptions">
<p>
Hello こんにちは 你好　안녕하세요 สวัสดี Merhaba Здравствуйте Ciao Bonjour Hola Buenas tardes Guten tag Hoi Hej Päivää</p>
</div>
<p>These greeting messages in various languages are quoted from <a href="http://suemari.com/hello/hello.html" target="_blank">here</a></p>
<p align="right"><a href="#top">back to TOP</a></p>
<h2><a name="smiley">Japanese smiley</a></h2>
<h3>Source</h3>
<pre style="background-color:#000000; padding: 5px 5px 5px 5px; font-size: 11px; color: #ffffff">
&lt;script type="text/javascript" language="JavaScript"&gt;&lt;!--
  $(function(){
	$(".smiley").moatext({
				effects:["lens","wave"],
				action_type: "hover"
				});
--&gt;
&lt;/script&gt;

&lt;div class="smiley"&gt;(^_^)(^○^)(^-^)(^_-)-☆(^-^)&lt;/div&gt;
</pre>
<h3>Try it</h3>
<div style="border: 1px solid #000; padding: 5px 5px 5px 5px">
<div class="smiley">(^_^)(^○^)(^-^)(^_-)-☆(^-^)</div>
</div>
<p align="right"><a href="#top">back to TOP</a></p>
<hr>
</body>
</html>

JS代码(jquery.moatext.js):

/** * MOA Text v1.1.0 - Mouse Over Animation for Text in jQuery * Written by Osamu AKAMATSU (Bitmeister Inc.) * * Copyright (c) Bitmeister Inc. * * This software is under the MIT license (MIT-LICENSE.txt). * * http://sourceforge.jp/projects/moatext/ * * Bitmeister Inc. * http://www.bitmeister.jp * * @author Osamu AKAMATSU (Bitmeister Inc.) * @version 1.1.0 * * You can use this jQuery plugin for adding flavor to your web site. * By this plugin,text messages on your site are animated at mouseover (and mouseout). * * Usage * Call the moatext() function or set prefixed class on your page. * * By function * $(selector).moatext(options) * * <script type="text/javascript" language="JavaScript"><!-- * $(function(){
	* $(".moamoa").moatext();
	*}
);
	* // --> * </script> * * <div class="moamoa">This message is animated!</div> * * *If moatext() is called no parameter,default effect 'lens' is performed. * * By prefixed class * <div class="moatext_lens">This message is animated!</div> * * class description * ---------------------------------- * "moatext_lens" 'lens' effect * "moatext_wave" 'wave' effect * "moatext_opacity" 'opacity' effect * * *About effects,please read below. * * options * * effect:[effect1,effect2...] * "lens" animate font-size (default) * "wave" animate top and right margin * "opacity" animate opacity * oneway:{
	true/false}
* true perform only one animation at mouseover. * false perform all animations at mouseover (and mouseout). (default) * values:{
	effect:{
	base:base-value,enter:enter-value,leave:leave-value}
,...}
* effect = "lens" * CSS 'font-size' value. * effect = "wave" * CSS 'top' and 'left' value. * effect = "opacity" * CSS 'opacity' value. * base-value Used at on loading the page. * enter-value Used at entering mouse. * leave-value Used at leaving mouse. * hover:[function1,function2] * function replace the animate function launched at mouseover to the user-customized hover functions * Attention:If this option is used,all the other options are ignored. * default:null (don't replace) * easing:* xxxx animation easing value * default:linear * * parser:* jQuery.fn.moatext.parser_bychar animate each characters.(default) * jQuery.fn.moatext.parser_byword animate each words. * null animate all. * * action_type:* "cont" Next animation is continued when the mouseover animation is over. (default) * "hover" Animation is invoked at both mouseover and mouseout. * "over" Animation is invoked only at mouseover. */
(function(jQuery){
	var moaclass_str = '';
	var moafunc_str = '';
	jQuery.fn.moatext = function(options){
	var options = jQuery.extend({
}
,jQuery.fn.moatext.defaults,options);
	var valuedic ={
}
;
	// deep copy for (var k1 in jQuery.fn.moatext.valuesdefaults){
	var inner_dic ={
}
;
	for (var k2 in jQuery.fn.moatext.valuesdefaults[k1]){
	inner_dic[k2] = jQuery.fn.moatext.valuesdefaults[k1][k2];
}
valuedic[k1] = inner_dic;
}
var basecss ={
}
;
	var entercss_str = '';
	var leavecss_str = '';
	moaclass_str = 'moa_char';
	moafunc_str = 'moa_func';
	basecss['display'] = 'inline-block';
	if (options.hover == null){
	var lens_str = 'lens';
	var wave_str = 'wave';
	var base_str = 'base';
	var opacity_str = 'opacity';
	var enter_str = 'enter';
	var leave_str = 'leave';
	if (options.values != null){
	for (var valuekey in options.values){
	for (var subvaluekey in options.values[valuekey]){
	valuedic[valuekey][subvaluekey] = options.values[valuekey][subvaluekey];
}
}
}
options.values = valuedic;
	for (var effectNo in options.effects){
	var effects = options.effects[effectNo];
	if (options.effects[effectNo] == lens_str){
	basecss['font-size'] = options.values[effects][base_str];
	entercss_str += '"' +'fontSize' + '":"' + options.values[effects][enter_str] + '",';
	leavecss_str += '"' + 'fontSize' + '":"' + options.values[effects][leave_str] + '",';
}
else if (options.effects[effectNo] == wave_str){
	basecss['top'] = options.values[effects][base_str][0];
	basecss['left'] = options.values[effects][base_str][1];
	entercss_str += '"top":"' + options.values[effects][enter_str][0] + '","left":"' + options.values[effects][enter_str][1] +'",';
	leavecss_str += '"top":"' + options.values[effects][leave_str][0] + '","left":"' + options.values[effects][leave_str][1] +'",';
}
else if (options.effects[effectNo] == opacity_str){
	basecss['opacity'] = basecss['-moz-opacity'] = options.values[effects][base_str];
	basecss['filter'] = 'alpha(opacity="'+Math.floor(parseFloat(options.values[effects][base_str])*100) + '")';
	entercss_str += '"opacity":"' + options.values[effects][enter_str] + '",';
	leavecss_str += '"opacity":"' + options.values[effects][leave_str] + '",';
}
}
}
moaclass_str += jQuery.fn.moatext.class_no.toString();
	moafunc_str += jQuery.fn.moatext.class_no.toString();
	jQuery.fn.moatext.class_no += 1;
	if (options.hover != null){
	jQuery.fn.moatext.customfuncs[moafunc_str+'0'] = options.hover[0];
	jQuery.fn.moatext.customfuncs[moafunc_str+'1'] = options.hover[1];
	var func_def;
	func_def = "jQuery.fn.moatext."+moafunc_str+"_e = function(target){
	jQuery.fn.moatext.customfuncs['" + moafunc_str + "0'](target);
}
;
	";
	eval(func_def);
	func_def = "jQuery.fn.moatext."+moafunc_str+"_l = function(target){
	jQuery.fn.moatext.customfuncs['" + moafunc_str + "1'](target);
}
;
	";
	eval(func_def);
}
else{
	var duration_str = '';
	if (isNaN(Number(options.duration))){
	duration_str = '"' + options.duration + '"';
}
else{
	duration_str += options.duration;
}
var func_leave_def = '';
	var leavecb = 'function(){
	jQuery(target).css("position","static");
}
';
	if (options.oneway == true || options.action_type == 'over'){
	func_leave_def = ';
	';
}
else{
	if (options.action_type == 'cont'){
	func_leave_def = ".animate({
	" + leavecss_str.substring(0,leavecss_str.length-1) + '}
,' + duration_str + ',"' + options.easing + '",' + leavecb + ');
	';
}
}
var enterfunc = "jQuery(target).css('position','relative');
	";
	if (options.action_type == 'hover'){
	var func_def = "jQuery.fn.moatext."+moafunc_str+"_e = function(target){
	" + enterfunc + "jQuery(target).animate({
	"+entercss_str.substring(0,entercss_str.length-1)+"}
," + duration_str + ',"'+options.easing+'");
}
;
	';
	eval(func_def);
	if (options.oneway == true){
	func_def = "jQuery.fn.moatext."+moafunc_str+"_l = function(target){
}
;
	";
	eval(func_def);
}
else{
	func_def = "jQuery.fn.moatext."+moafunc_str+"_l = function(target){
	jQuery(target).animate({
	" + leavecss_str.substring(0,leavecss_str.length-1) + '}
,' + duration_str + ',"' + options.easing + '",' + leavecb + ')}
;
	';
	eval(func_def);
}
}
else{
	var func_def = "jQuery.fn.moatext."+moafunc_str+"_e = function(target){
	" + enterfunc + "jQuery(target).animate({
	"+entercss_str.substring(0,entercss_str.length-1)+"}
," + duration_str + ',"'+options.easing+'")'+func_leave_def + '}
;
	';
	eval(func_def);
	func_def = "jQuery.fn.moatext."+moafunc_str+"_l = function(target){
}
;
	";
	eval(func_def);
}
}
var array = [];
	this.each(function(){
	var jqobj = jQuery(this);
	var baseString = jqobj.html();
	var wrappedString;
	if (options.parser == null){
	wrappedString = jQuery.fn.moatext.wrapping(baseString);
}
else{
	wrappedString = options.parser(baseString);
}
if (options.hover == null){
	jqobj.html(wrappedString).find("span."+moaclass_str).css(basecss);
}
else{
	jqobj.html(wrappedString).find("span."+moaclass_str).css('display','inline-block');
}
array.push(jqobj);
}
);
	return array;
}
;
	jQuery.fn.moatext.wrapping = function(targetStr){
	return '<span class="' + moaclass_str + '" onmouseover="jQuery.fn.moatext.'+moafunc_str+'_e(this)" onmouseout="jQuery.fn.moatext.'+moafunc_str+'_l(this)">' + targetStr + '</span>';
}
;
	jQuery.fn.moatext.parser_bychar = function(baseString){
	var wrappedString = "";
	var inElement = false;
	var elementStr = "";
	var scriptNest = 0;
	var ref_buffer = "";
	for (var i = 0;
	i < baseString.length;
	i++){
	var theChar = baseString.charAt(i);
	if (inElement == false){
	if (theChar == '<'){
	if (ref_buffer.length > 0){
	// This route is never passed. wrappedString = wrappedString + ref_buffer;
	ref_buffer = '';
}
inElement = true;
	wrappedString = wrappedString + theChar;
	continue;
}
}
else{
	if (theChar == '>'){
	inElement = false;
	elementStr = elementStr.replace(/^[ ]+|[ ]+$/g,"");
	if (elementStr.charAt(elementStr.length-1) != '/'){
	if (elementStr.toUpperCase().indexOf("/SCRIPT") == 0){
	scriptNest = scriptNest - 1;
}
else if (elementStr.toUpperCase().indexOf("SCRIPT") == 0){
	scriptNest = scriptNest + 1;
}
}
elementStr = "";
}
else{
	elementStr = elementStr + theChar;
}
wrappedString = wrappedString + theChar;
	continue;
}
if (inElement == false && ref_buffer.length == 0 && theChar == '&'){
	ref_buffer = '&';
	continue;
}
else if (ref_buffer.length > 0){
	if (theChar == ';
	'){
	ref_buffer += ';
	';
	theChar = ref_buffer;
}
else{
	ref_buffer += theChar;
	if (ref_buffer.length > 9){
	theChar = '&';
	i -= (ref_buffer.length - 1);
}
else{
	continue;
}
}
}
ref_buffer = '';
	var theCharCode = theChar.charCodeAt(0);
	if (scriptNest > 0 || theChar.replace(/[\s \t\r\n]/g,'') == '' || theChar == '&nbsp;
	' || theChar == '&#160;
	' || theCharCode == 8194 /* ensp */
 || theCharCode == 8195 /* emsp */
 || theCharCode == 8201 /* thinsp */
 || theCharCode == 0x3000 /* utf-8 ideographic space */
 ){
	wrappedString += theChar;
}
else{
	wrappedString += jQuery.fn.moatext.wrapping(theChar);
}
}
return wrappedString;
}
;
	jQuery.fn.moatext.parser_byword = function(baseString){
	var wrappedString = "";
	var inElement = false;
	var elementStr = "";
	var scriptNest = 0;
	var ref_buffer = "";
	var word_buffer = "";
	for (var i = 0;
	i < baseString.length;
	i++){
	var theChar = baseString.charAt(i);
	if (inElement == false){
	if (theChar == '<'){
	if (ref_buffer.length > 0){
	// This route is never passed. wrappedString = wrappedString + ref_buffer;
	ref_buffer = '';
}
inElement = true;
	wrappedString = wrappedString + theChar;
	continue;
}
}
else{
	if (theChar == '>'){
	inElement = false;
	elementStr = elementStr.replace(/^[ ]+/g,"");
	if (elementStr.charAt(elementStr.length-1) != '/'){
	if (elementStr.toUpperCase().indexOf("/SCRIPT") == 0){
	scriptNest = scriptNest - 1;
}
else if (elementStr.toUpperCase().indexOf("SCRIPT") == 0){
	scriptNest = scriptNest + 1;
}
}
elementStr = "";
}
else{
	elementStr = elementStr + theChar;
}
wrappedString = wrappedString + theChar;
	continue;
}
if (inElement == false && ref_buffer.length == 0 && theChar == '&'){
	ref_buffer = '&';
	continue;
}
else if (ref_buffer.length > 0){
	if (theChar == ';
	'){
	ref_buffer += ';
	';
	theChar = ref_buffer;
}
else{
	ref_buffer += theChar;
	if (ref_buffer.length > 9){
	theChar = '&';
	i -= (ref_buffer.length - 1);
}
else{
	continue;
}
}
}
ref_buffer = '';
	var theCharCode = theChar.charCodeAt(0);
	if (scriptNest > 0){
	word_buffer += theChar;
}
else if (theChar.replace(/[\s \t\r\n]/g,'') == '' || theChar == '&nbsp;
	' || theChar == '&#160;
	' || theCharCode == 8194 /* ensp */
 || theCharCode == 8195 /* emsp */
 || theCharCode == 8201 /* thinsp */
 || theCharCode == 0x3000 /* utf-8 ideographic space */
 ){
	wrappedString += jQuery.fn.moatext.wrapping(word_buffer) + theChar;
	word_buffer = "";
}
else{
	word_buffer += theChar;
}
}
if (word_buffer.length > 0){
	wrappedString += jQuery.fn.moatext.wrapping(word_buffer);
}
return wrappedString;
}
;
	jQuery.fn.moatext.valuesdefaults ={
	"lens":{
	"base":"100%","enter":"200%","leave":"100%"}
,"wave":{
	"base":["0px","0px"],"enter":["-10px","-10px"],"leave":["0px","0px"]}
,"opacity":{
	"base":"0.1","enter":"1.0","leave":"0.1"}
}
;
	jQuery.fn.moatext.customfuncs ={
}
;
	jQuery.fn.moatext.defaults ={
	effects:["lens"],oneway:false,values:null,hover:null,easing:"linear",duration:1000,animation:true,parser:jQuery.fn.moatext.parser_bychar,action_type:"cont"}
;
	jQuery.fn.moatext.key_class = "moatext";
	jQuery.fn.moatext.class_no = 1;
}
)(jQuery);
	jQuery(function(){
	if (jQuery.fn.moatext.key_class != null && jQuery.fn.moatext.key_class.length > 0){
	jQuery("."+jQuery.fn.moatext.key_class).moatext();
	jQuery("."+jQuery.fn.moatext.key_class+"_lens").moatext({
	effects:["lens"]}
);
	jQuery("."+jQuery.fn.moatext.key_class+"_wave").moatext({
	effects:["wave"]}
);
	jQuery("."+jQuery.fn.moatext.key_class+"_opacity").moatext({
	effects:["opacity"]}
);
}
}
);
附件:下载该文件资源,减少时间成本(增值服务)
File Source
.rar
30.47 KB
立即下载(CNY 2.9￥)
打赏 收藏
分享
分享到QQ 分享到微博 微信扫一扫
留言
该资源可下载
File Source
.rar
30.47 KB
立即下载
郎青珠
了解
打赏作者 鼓励作者
jquery特效2
最新结算
jquery虚拟键盘中文打字效果js代码
类型: .rar 金额: CNY 2.31￥ 状态: 待结算 详细>
jquery虚拟键盘中文打字效果js代码
类型: .rar 金额: CNY 0.29￥ 状态: 待结算 详细>
HTML5实现CSS滤镜图片切换特效代码
类型: .rar 金额: CNY 2.31￥ 状态: 待结算 详细>
jQuery头像裁剪插件cropbox js代码
类型: .rar 金额: CNY 0.29￥ 状态: 待结算 详细>
jQuery头像裁剪插件cropbox js代码
类型: .rar 金额: CNY 2.31￥ 状态: 待结算 详细>
CSS3制作3D图片立方体旋转特效
类型: .rar 金额: CNY 2.31￥ 状态: 待结算 详细>
CSS3制作3D图片立方体旋转特效
类型: .rar 金额: CNY 0.29￥ 状态: 待结算 详细>
CSS3制作3D图片立方体旋转特效
类型: .rar 金额: CNY 2.31￥ 状态: 待结算 详细>
CSS3制作3D图片立方体旋转特效
类型: .rar 金额: CNY 0.29￥ 状态: 待结算 详细>
jQuery+css3实现信封效果
类型: .rar 金额: CNY 0.29￥ 状态: 待结算 详细>
我们力求给您提供有用的文章,再此基础上,会附加营收资源,不做任何广告,让平台可以更好发展 若您发现您的权利被侵害，或使用了您的版权，请发邮件联系 sunlifel@foxmail.com ggbig觉得 : 不提供源码的文章不是好文章
合作伙伴
帮助中心
联系我们
  • QQ：21499807
  • 邮箱：sunlifel@foxmail.com
  • QQ扫一扫加QQ
    QQ扫一扫
Copyright 2023-2024 ggbig.com·皖ICP备2023004211号-1
打赏文章