Jquery点击鼠标左键渐变显示文字特效

    选择打赏方式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jquery点击鼠标左键渐变显示文字特效-小8博客</title>
<style type="text/css">
* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

a,img {
	border: 0;
}

html,body {
	background: #fff;
	font-size: 14px;
	font-family: "microsoft yahei";
}

.tip {
	text-align: center;
	padding-top: 10%;
	font-size: 2em;
}
</style>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
	$("html,body").on("click", function(e) {
		anp(e);
	})
	function anp(e) {
		var butong_net = new Array('Welcome to 95o9博客', '有朋自远方来,不亦乐乎',
				'己所不欲,勿施于人', '四海之内皆兄弟也', '学而不厌,诲人不倦', '工欲善其事,必先利其器',
				'人而无信,不知其可也', '礼之用,和为贵');
		var butong_net2 = Math.floor(Math.random() * butong_net.length);
		var $i = $("<b>").text(butong_net[butong_net2]);
		var x = e.pageX, y = e.pageY;
		$i.css({
			top : y - 20,
			left : x,
			position : "absolute",
			color : "#E94F06"
		});
		$("body").append($i);
		$i.animate({
			top : y - 180,
			opacity : 0,
			"font-size" : "1.4em"
		}, 2500, function() {
			$i.remove();
		});
		e.stopPropagation();
	}
</script>
</head>
<body>
	<div class="tip">点击页面任意位置查看效果</div>
</body>
</html>

点击查看原图

版权声明:若无特殊注明,本文皆为《 小8博客 》原创,转载请保留文章出处。
本文链接:Jquery点击鼠标左键渐变显示文字特效 https://95o9.com/wztx/10.html
正文到此结束

热门推荐

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

嘻嘻 大笑 可怜 吃惊 害羞 调皮 鄙视 示爱 大哭 开心 偷笑 嘘 奸笑 委屈 抱抱 愤怒 思考 日了狗 胜利 不高兴 阴险 乖 酷 滑稽

评论信息框

可使用QQ号实时获取昵称+头像

吃奶的力气提交吐槽中...

请勾选我再发表评论!

已有2条吐槽

Snow

2017-04-13 05:17 俄罗斯 CZ88.NET
kb69bk                                                                                   Monzon serait blessé aux adducteurs ! Mais il va quand meme signé a lyon d&#8217;apres foot01, j&8rp17;es2e#e qu&#8217;il pourra etre titulaire au prochain match. Si les joueurs qui viennent a lyon se blesse meme avant de signer sa va pas la faire..
 Windows 7 x64   Firefox 41.0

Jodie

2017-04-13 05:16 俄罗斯 CZ88.NET
This is perfect timeing for me. I need to remind my self of these helpful ways to get through a semi crisis at work.It happened friday and I waited until Monday to discuss it with the person because I did not want to say anything I might regret.It worked to my advantage and I will print your post and re-read when I fell the nehnate.dks for a great post
 Windows 7 x64   Firefox 41.0