편집 요약 없음 |
편집 요약 없음 |
||
8번째 줄: | 8번째 줄: | ||
$(iter).css("position","relative"); | $(iter).css("position","relative"); | ||
$(baloon).html(ref_text); | $(baloon).html(ref_text); | ||
$(baloon).css("display","none"); | $(baloon).css("display","none"); | ||
baloon.className = "baloon reference-text tooltip-inner"; | baloon.className = "baloon reference-text tooltip-inner"; | ||
$(baloon).css("padding","16px"); | $(baloon).css("padding","16px"); | ||
/* $(baloon).css("top","20px"); | /* $(baloon).css("top","20px"); | ||
$(baloon).css("position","absolute"); | |||
$(baloon).css("left","-50px"); | $(baloon).css("left","-50px"); | ||
$(baloon).css("min-width","160px"); | $(baloon).css("min-width","160px"); |
2015년 5월 31일 (일) 11:32 판
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("display","none");
baloon.className = "baloon reference-text tooltip-inner";
$(baloon).css("padding","16px");
/* $(baloon).css("top","20px");
$(baloon).css("position","absolute");
$(baloon).css("left","-50px");
$(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");
$(baloon).css("font-size","12px");*/
$(iter).append(baloon);
$(iter).hover(
function(e)
{
var bal = $(this).children(".baloon")[0];
/*$(bal).css("display","block");*/
$(bal).fadeIn();
},
function(e)
{
var bal = $(this).children(".baloon")[0];
/*$(bal).css("display","none");*/
$(bal).fadeOut();
}
);
});