사용자:다메즈마/references balloon.js 문서 원본 보기

var ref_tags = $("[id^=cite_ref]");
$(ref_tags).each(function(index ,iter)
{
	var a = $(iter).children("a")[0];
	var ref_text = $($(a).attr("href")).children(".reference-text")[0];
	var ref_text = $(ref_text).html();
	var baloon = document.createElement("div");
	$(iter).css("position","relative");
	$(baloon).html(ref_text);
	$(baloon).css("position","absolute");
	$(baloon).css("display","none");
	baloon.className = "baloon";
	$(baloon).css("padding","16px");
	$(baloon).css("top","-2px");
	$(baloon).css("min-width","160px");
	$(baloon).css("border","#CCC solid 1px");
	$(baloon).css("border-radius","5px");
	$(baloon).css("box-shadow","#555  5px 5px 5px");
	$(baloon).css("background-color","#FFF");
	$(iter).append(baloon);
	
	$(iter).hover(
		function(e)
		{
			var bal = $(this).children(".baloon")[0];
			$(bal).css("display","block");
		},
		function(e)
		{
			var bal = $(this).children(".baloon")[0];
			$(bal).css("display","none");
		}
	);
	
	
});