jQuery data Preview plugin

개요

data-preview class가 지정이 되어 있는 block에 onMouseOver를 할 경우 preview data를 popup 한다.

저장소 http://svn.oops.org/wsvn/JavaScript.jquery.dataPreview/

Download

1.0.0

예제

여기에 마우스를 올려 주세요

사용법

head 또는 body에 jquery-dataPreview.js를 삽입한다.
preview 할 block의 class에 data-preview를 지정한 다음 data-preview attribute에 preview 내용을 넣어주면 된다.

        <html>
            <header>
                @Header contents@
                <script src="jquery-dataPreview/jquery.dataPreview.min.js"></script>
            </header>

            <body>
                <a href="#" class="data-preview" data-preview="Preivew 내용">blah blah</a>
            </body>
        </html>

옵션

        <script>
            var dataPVCSS = {
                z_index: 1030,
                background_color: '#000',
                opacity: 0.8,
                width: '460px',
                line_height: '1.4',
                font_size: '11px',
                color: '#fff',
                padding: '8px',
                border_radius: '4px'
            };
        </script>
        <script src="jquery-scrollTB/jquery.scrollTB.min.js"></script>

data Preview plugin의 옵션은 dataPVCSS 변수를 지정해 주는 것으로 설정할 수 있으며, 위의 값들은 기본값들이다.

옵션 값들은 data Preview plugin의 CSS 정보를 수정할 수 있다.

라이센스

        Copyright (c) 2014 JoungKyun.Kim <http://oops.org>
        All rights reserved.
        
        THE "BSD" LICENCE
        -----------------
        
        Redistribution and use in source and binary forms, with or without
        modification, are permitted provided that the following conditions are met:
        
            * Redistributions of source code must retain the above copyright notice,
              this list of conditions and the following disclaimer.
        
            * Redistributions in binary form must reproduce the above copyright
              notice, this list of conditions and the following disclaimer in the
              documentation and/or other materials provided with the distribution.
        
            * Neither the name of JoungKyun.Kim nor the url of oops.org
              nor the names of their contributors may be used to endorse or
              promote products derived from this software without specific prior
              written permission.
        
        THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
        AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
        IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
        ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
        LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
        CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
        SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
        INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
        CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
        ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
        POSSIBILITY OF SUCH DAMAGE.
        
        END