提示框显示

//提示信息显示隐藏
	var x = 12;
	var y = 20; //设置提示框相对于偏移位置,防止遮挡鼠标
	$("a.help").hover(function (e) {  //鼠标移上事件
	    this.myTitle = this.title; //把title的赋给自定义属性 myTilte ,屏蔽自带提示
	    this.title = "";
	    var code = $(this).attr('data');
	    var msg='';
	       if(code == 'uv_code')
	    	   msg = "访客唯一标识码是用来区分访客(UV)的访客代号,每个访客拥有唯一的标识码(以Cookie为依据),从而判断其是否为新/老访客和上次访问时间。";
	       else if(code=='pv_count')
	    	   msg="即通常说的Page View(PV),用户每打开一个网站页面就被记录1次。用户多次打开同一页面,浏览量值累计。";
	       else if(code=='visitor_count')
	    	   msg="一天之内您网站的独立访客数(以Cookie为依据),一天内同一访客多次访问您网站只计算1个访客。";
	       else if(code == 'ip_count')
	    	   msg = "一天之内您网站的独立访问ip数。";
	       else if(code=='bounce_ratio')
	    	   msg = "只浏览了一个页面便离开了网站的访问次数占总的访问次数的百分比。";
	       else if(code == 'avg_visit_time')
	    	   msg = "访客在一次访问中,平均打开网站的时长。即每次访问中,打开第一个页面到关闭最后一个页面的平均值,打开一个页面时计算打开关闭的时间差。";
	       else if(code == 'avg_visit_pages')
	    	   msg = "平均每次访问浏览的页面数量,平均访问页数=浏览量/访问次数。";
	       else if(code == 'trans_count')
	    	   msg = "访客到达转化目标页面的次数。";
	       else if(code == 'trans_ratio')
	    	   msg = "转化率=转化次数/访问次数。";
	    var tooltipHtml="<div class=tip-container>"
	    						+"<div class=\""+'tip-div tip-theme indicator-theme'+"\"style='zoom: 1;position: relative; left:-32px;'>"
	    						+"<div class=tip-arrow></div>"
	    						+"<div class=tip-wrap>"+msg+"</div>"
	    						+"</div>"
	    						+"</div>"
	    $("body").append(tooltipHtml); //添加到页面中
	    $(".tip-container").css({
	        "top": (e.pageY + y) + "px",
	        "left": (e.pageX + x) + "px",
	        	"position":"absolute",
	        	"z-index":"500"
	    }).show("fast"); //设置提示框的坐标,并显示
	}, function () {  //鼠标移出事件
	    this.title = this.myTitle;  //重新设置title
	    $(".tip-container").remove();  //移除弹出框
	}).mousemove(function (e) {   //跟随鼠标移动事件
	    $(".tip-container").css({ "top": (e.pageY + y) + "px",
	        "left": (e.pageX + x) + "px"
	    });
	});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值