xiebiji.com

window.addEvent('domready',function(){
		tip('.tips');
});
function tip(els){
		var el1=new Element('div',{'class':'bubble'});
		el1.setStyle('opacity',0);
		var el2=new Element('div',{'class':'bubbleLeft'});
		var el3=new Element('div',{'class':'bubbleRight'});
		var el4=new Element('span',{'id':'bubbleFont'});
		el4.inject(el3);
		el3.inject(el2);
		el2.inject(el1);
		el1.inject($$('body')[0]);
                //以上步骤生成气泡所需html代码
		$$(els).each(function(e){//为所有class属性包含els的元素初始化
			e.addEvent('mouseenter',function(event){//鼠标进入时触发
				mx=event.page.x+20;//获取浏览器x坐标并且偏移20px
				my=event.page.y-40;//同理
				note=this.get('title');//提示的信息由元素的title属性提供
				$('bubbleFont').set('text',note);
				el1.setStyles({
					'left':mx,
					'top':my
				});
				el1.tween('opacity',1);//变换透明度到1
			});
			e.addEvent('mousemove',function(event){//鼠标移动时触发
				mx=event.page.x+20;
				my=event.page.y-40;
				el1.setStyles({
					'left':mx,
					'top':my
				});
			});
			e.addEvent('mouseleave',function(event){//鼠标离开时触发
				el1.tween('opacity',0);//变换透明度到0
			});
		});
}