jquery 마우스가 팝업 층 효과 보이기

1140 단어 jquery
핵심 방법:
function initMoveTooltip1(id, tp) {	

	var $element = typeof id === "string" 	? $("#" + id) : $(id);

	var $tp = $("#" + tp);

	var x = 10;

	var y = 20;

	var title = $element.find(".fc-event-title").text();

	$element.mouseover(function (e) {

		$("#eventMoveTooltipTitle").text(title);		

		$tp.show("fast");

		$tp.css({

					"top": (e.pageY + y) + "px",

					"left": (e.pageX + x) + "px"

				}).show();   //  x   y  ,    

	}).mouseout(function () {

		$tp.hide(); 

	}).mousemove(function (e) {

		$tp.css({

					"top": (e.pageY + y) + "px",

					"left": (e.pageX + x) + "px"

				});

	});

}



function initEditTooltip(id, tp, time) {

	var $element = $("#" + id);

	var $tp = $("#" + tp);	

	$element.mouseover(function (e) {

		$tp.show();

		var offset = $(this).offset();

		var y = $(this).height();		

		$tp.css({

					"top": (offset.top) + "px",

					"left": (offset.left) + "px"

				}).show("fast"); 

	})

}


좋은 웹페이지 즐겨찾기