Html
    Css
    Js

    
                        
html,body {
	overflow:hidden;
}
h3 {
	padding-top:50px;
	text-align:center;
}
h3 span {
	display:inline-block;
	animation:demo 5s linear infinite;
	margin:0 5px;
	font-weight:bold;
	font-size:32px;
}
@keyframes demo {
	0% {
	opacity:1;
	transform:translateY(0px);
}
25% {
	opacity:0.3;
	transform:translateY(-20px);
}
50% {
	opacity:0.7;
	transform:translateY(0px);
}
75% {
	opacity:0.3;
	transform:translateY(20px);
}
100% {
	opacity:1;
	transform:translateY(0px);
}
}/*以上代码皆可删除*/

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:2.0.0
 立即下载

jQuery点击特效鼠标点击文字上浮(原创)

更新时间:2019-08-18 11:19:32

flyfont(textarr[可选参数],colorarr[可选参数],fontsize[可选参数],duration[可选参数],flyheight[可选参数]);

textarr(参数一):数组类型,设置上浮内容

colorarr(参数二):数组类型,设置上浮内容的颜色

fontsize(参数三):数值(单位/px),设置上浮的字体大小,默认18px

duration(参数四):数值(单位/毫秒),设置上浮的时长,默认1000毫秒

flyheight(参数五):数值(单位/px),设置上浮的高度,默认200px

以上参数都可不填写,选择默认:flyfont();

填写参数时位置必须一一对应,例:

flyfont(['h','e','l','l','o'],['red','green','blue'],"10px",2000,300);

flyfont(['h','e','l','l','o'],['red','green','blue'],'30px');
0