html5跟随鼠标炫酷动画欢迎页hovertreewelcome-kb88凯时官网登录

 html5跟随鼠标炫酷网站引导页动画特效一款非常不错的引导页，文字效果渐变，鼠标跟随出绚丽的条纹。html5炫酷网站引导页，鼠标跟随出特效。

效果图

index.htm

hovertreewelcome.js

var stats = function() {
	var e = date.now(),
		t = e,
		i = 0,
		n = 1 / 0,
		r = 0,
		s = 0,
		o = 1 / 0,
		a = 0,
		l = 0,
		h = 0,
		c = document.createelement("div");
	c.id = "stats", c.addeventlistener("mousedown", function(e) {
		e.preventdefault(), v(  h % 2)
	}, !1), c.style.csstext = "width:80px;opacity:0.9;cursor:pointer";
	var u = document.createelement("div");
	u.id = "fps", u.style.csstext = "padding:0 0 3px 3px;text-align:left;background-color:#002", c.appendchild(u);
	var d = document.createelement("div");
	d.id = "fpstext", d.style.csstext =
		"color:#0ff;font-family:helvetica,arial,sans-serif;font-size:9px;font-weight:bold;line-height:15px", d.innerhtml =
		"fps", u.appendchild(d);
	var p = document.createelement("div");
	for (p.id = "fpsgraph", p.style.csstext = "position:relative;width:74px;height:30px;background-color:#0ff", u.appendchild(
			p); 74 > p.children.length;) {
		var f = document.createelement("span");
		f.style.csstext = "width:1px;height:30px;float:left;background-color:#113", p.appendchild(f)
	}
	var m = document.createelement("div");
	m.id = "ms", m.style.csstext = "padding:0 0 3px 3px;text-align:left;background-color:#020;display:none", c.appendchild(
		m);
	var g = document.createelement("div");
	g.id = "mstext", g.style.csstext =
		"color:#0f0;font-family:helvetica,arial,sans-serif;font-size:9px;font-weight:bold;line-height:15px", g.innerhtml =
		"ms", m.appendchild(g);
	var y = document.createelement("div");
	for (y.id = "msgraph", y.style.csstext = "position:relative;width:74px;height:30px;background-color:#0f0", m.appendchild(
			y); 74 > y.children.length;) {
		var f = document.createelement("span");
		f.style.csstext = "width:1px;height:30px;float:left;background-color:#131", y.appendchild(f)
	}
	var v = function(e) {
			switch (h = e) {
				case 0:
					u.style.display = "block", m.style.display = "none";
					break;
				case 1:
					u.style.display = "none", m.style.display = "block"
			}
		},
		b = function(e, t) {
			var i = e.appendchild(e.firstchild);
			i.style.height = t   "px"
		};
	return {
		revision: 11,
		domelement: c,
		setmode: v,
		begin: function() {
			e = date.now()
		},
		end: function() {
			var h = date.now();
			return i = h - e, n = math.min(n, i), r = math.max(r, i), g.textcontent = i   " ms ("   n   "-"   r   ")", b(y,
				math.min(30, 30 - 30 * (i / 200))), l  , h > t   1e3 && (s = math.round(1e3 * l / (h - t)), o = math.min(o, s),
				a = math.max(a, s), d.textcontent = s   " fps ("   o   "-"   a   ")", b(p, math.min(30, 30 - 30 * (s / 100))), t =
				h, l = 0), h
		},
		update: function() {
			e = this.end()
		}
	}
};