2012-03-04 6 views
1

최근에 페이스 북에서 발견 된 새로운 기능을 소개하기 위해 다양한 새로운 기능 (6 개)이 추가되었습니다. 왼쪽에 콜 아웃이 나타나 첫 번째 기능을 식별합니다. "X"를 제거하면 다음 콜 아웃이 다음 피쳐를 강조 표시하는 것처럼 보입니다. 이것은 굉장했기 때문에이 기능을 내 사이트에 추가하고 싶었습니다. 콜 아웃 부분에만 사용할 수있는 플러그인이 있습니까? 표시하고 숨기고 재배치 할 수 있습니까?프로그래머블 콜 아웃 JQuery 플러그인

감사합니다.

+4

내가 페이스 북의 사용자가 아니다, 운영 체제는 아마 당신은 당신이 무엇을 의미하는지의 스크린 샷을 포함 할? 어때 qTip http://craigsworks.com/projects/qtip2/ –

+0

@ d_inevitable 예, 그 중 하나입니다, 감사합니다, 고마워 할 것입니다. –

+0

[jquery library for callout] 가능한 복제물 (http://stackoverflow.com/questions/7395136/jquery-library-for-callout) –

답변

3

효과적으로 수행하는 몇 가지 jQuery 플러그인이 있습니다. 여기에 마음에 와서 그 일부입니다 :

이상 으르렁 거리는 소리와 같은 알림 구글, 많은 약이있다.

+0

정말 훌륭합니다. 나는 그것들도 고려해야 할 것입니다 ... 하지만 qtip2의 이야기를 따라 코멘트를 언급 한대로 찾고 있어요 ... –

1

나는 이것을 할 수있는 플러그인을 만들었습니다. 당신이 그것을 찾을 수 있습니다 : https://github.com/devmnrj/myAlert 여기

조금 JS 코드 데모입니다 :

<script type="text/javascript"> 
    var myAlert = new MyAlert(); 
    window.onload = function(){ 
     $("#anchor").on("click", function(e){ 
      myAlert.show({'x':e.pageX, 'y':e.pageY}, { 
       'header': "<em>Hello!</em><br/><small>I am a header</small>", 
       'body': "I am the body of the dialog, so i should be bigger. Yeah, more text here. I can also update me <a>here</a>.", 
       'footer': "footer: goodbye!" 
      }); 
     }); 
    }; 
</script> 
관련 문제