JQuery와 onMouseover와 같은 위치 (툴팁)에서 사업부

Question

내가 이미지 위에 마우스를 올려 원하는 표시) div, 어떤 물건으로 채울 수 있습니다 - 어떤 생각?! 나는 내 이미지를 발견하고 이미지 위에 사업부에 걸쳐 이미지를 클릭하면 그

확대 줘야 것으로, 사용자가 정보를 얻을 수 있습니다 일부 JQuery와 효과를 확인하고 싶었 :

$를이는 IMG가 포함 된 링크입니다

 $(this).parent().append($("<div/>") 
         .css({ "display" : "block", "left" : img.x, "top" : img.y, 
          "width" : img.width, "heigth" : img.heigth, "border" : "1px solid red"}) 
         .text("Click me!") 

는

이 작동하지 않습니다 : -/

Answer 1

심지어 사용자 정의 컨텐츠, 텍스트, 서식있는 텍스트, 사용자 정의 레이아웃 이미 조용한 몇 툴팁 플러그인이있다, 당신은 툴팁 기능을 찾고 생각, 또는 심지어 아약스 콘텐츠.

다음 플러그인 중 하나를 살펴 :

• Qtip plugin: http://craigsworks.com/projects/qtip/
• jQuery plugin tooltip: http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
• SimpleTip: http://craigsworks.com/projects/simpletip/
• ClueTip: http://plugins.learningjquery.com/cluetip/
• wTooltip: http://wayfarerweb.com/wtooltip.php

일부는 다른 것보다 더 많은 옵션을 가지고 있습니다. 일부 사이트의 경우 단순 팁을 사용했으며 그 중대한 내용으로 을 사용했습니다. 원하는 것은 Qtip과 비슷할 것입니다.