【学习使用】Image Tips 插件介绍

下载资料的地址：我的资源

实现步骤：

1.导入JS

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/webwidget_tip_imagesAdSense.js"></script>

2.实现代码很简单

<script language="javascript" type="text/javascript">
            $(function() {
                $("#image_AdSense1").webwidget_tip_imagesAdSense({
                    tip_button_style: 'circle',
                    tip_button_autohide: 'disable',
                    tip_content_font_color: '#666',
                    tip_content_background_color: '#FFF',
                    tip_content_border_color: 'blue',
                    tip_content_width: '250',
                    tip_position: 'right',
                    position_data:[{x:"162",y:"205"}],
                    directory: 'images'
                });
                $("#image_AdSense1").live("click", function() {});
            });
        </script>
        <div>
        <img id="image_AdSense1" src="images/test.jpg"  height="576" width="360" alt="image_AdSense"/>
                        <ul id="image_AdSense1_content">
                            <li>
                                <table>
                                    <tr>
                                        <td>
                                            <a href="#"><img src="images/ad2.jpeg" border="0"/></a>
                                        </td>
                                        <td>
                                            <a href="#"><strong>Deluxe Rain Umbrella, 27" Black</strong></a><br/>
                                            <ul style="list-style: disc outside none; padding-left: 10px;">

                                                <li>"HOMEBASIX" UMBRELLAS</li>
                                                <li>Metal shaft with 8 rib construction and auto open.</li>
                                                <li>100 percent nylon.</li>
                                                <li>Includes Nylon Cover.</li>
                                                <li>Diameter : 27"</li>

                                            </ul>
                                        </td>
                                    </tr>
                                </table>
                            </li>
                            <li>
                                <table>
                                    <tr>
                                        <td>
                                            <a href="#"><img src="images/ad1.jpeg" border="0"/></a>
                                        </td>
                                        <td>
                                            <a href="#"><strong>50's Style Rockabilly Polka-Dot Halter Dress</strong></a><br/>
                                            Pin-up 50's style polka dot, sexy gathered bust, halter neck, flared skirt.
                                            Approx. length: 42".

                                            Back center zip.
                                            98% cotton/2% Lycra; machine wash.
                                        </td>
                                    </tr>
                                </table>
                            </li>
                            <li>
                                <table>
                                    <tr>
                                        <td>
                                            <a href="#"><img src="images/ad3.jpeg" border="0"/></a>
                                        </td>
                                        <td>
                                            <a href="#"><strong>Huffy Womens Newport 26-Inch Cruiser Bike</strong></a><br/>
                                            <ul style="list-style-type: disc; padding-left:10px;">
                                                <li>Steel Cantilever Frame</li>
                                                <li>Steel Unicrown Fork</li>
                                                <li>Rear coaster Brakes</li>
                                                <li>Steel 1-piece Crank</li>
                                                <li>Huffy Branded Padded Spring Seat</li>
                                            </ul>
                                        </td>
                                    </tr>
                                </table>
                            </li>
                             <li>
                                <table>
                                    <tr>
                                        <td>
                                            <a href="#"><img src="images/ad3.jpeg" border="0"/></a>
                                        </td>
                                        <td>
                                            <a href="#"><strong>Huffy Womens Newport 26-Inch Cruiser Bike</strong></a><br/>
                                            <ul style="list-style-type: disc; padding-left:10px;">
                                                <li>这是一个测试1</li>
                                                
                                            </ul>
                                        </td>
                                    </tr>
                                </table>
                            </li>
                        </ul>
                        </div>

3.效果