Rev. 2.73

Alexei@Nitobi에서 배포한 것을 Prototype.js기반으로 만들었습니다. 만들다 보니 소두마빈님께서 '붐바'라는 이름의 플러그인으로 벌써 마가린에 배포하셨더군요. 작동방식은 둘다 비슷한데 묘한 차이점이 있어서 보다 효율적으로 구현된 부분들을 참고하였습니다. 북마크 버튼에 적용한 어안메뉴는 기발한 아이디어입니다. 정말 잘 어울리네요.

<ul onmouseover="if(!Element.hasClassName(this, 'isActivated')) new FishEye(this, {label: false});">
    <li>
        <a href="http://del.icio.us/post?url=http://firejune.com/1064&title=Prototype">
            <img src="/images/bookmark/delicious.png" width="20" alt="Delicious" />
        </a>
    </li>
    <li>
        <a href="http://www.hanrss.com/bookmarks/add_link.qst?url=http://firejune.com/1064&title=Prototype">
            <img src="/images/bookmark/hanrss.png" width="20" alt="HanRSS" />
        </a>
    </li>
    <li>
        <a href="http://www.news2.co.kr/submit/?bookurl=http://firejune.com/1064&booktitle=Prototype">
            <img src="/images/bookmark/new2.png" width="20" alt="News2.0" />
        </a>
    </li>
    <li>
        <a href="http://mar.gar.in/post/popup_post/&qURL=http://firejune.com/1064&qTitle=Prototype">
            <img src="/images/bookmark/margarin.png" width="20" alt="Margarin" />
        </a>
    </li>
    <li>
    .
    .
    .
</ul>

이미지 아이콘으로 구성된 리스트 아이템에 사용할 수 있습니다. 브라우저의 이벤트 부담을 줄이기 위해서 마우스가 영역으로 진입한 때에만 FishEye함수가 초기화되도록 되어있습니다. 레이블 표시기능은 아직 미구현 상태입니다.(안할지도 모르겠습니다;;)

Comments