翻转!插件内容作为超链接

时间:2014-01-31 20:02:29

标签: jquery

我正在尝试将Flip!框的内容设为可点击的超链接。

我是jquery的新手,这是我的代码:

<script type="text/javascript">

        $(function () {

            $("#flipPad a:not(.revert)").bind("mouseover", function () {
                var $this = $(this);


                $("#flipbox").flip({
                    direction: $this.attr("rel"),
                    color: $this.attr("rev"),
                    content: $this.attr('title'),

                })
                return false;
            });

        });
    </script>


 <div id="flipbox" >Select a contact option below</div>
 <div id="flipPad">
       <a href="#" class="left" rel="rl" rev="#39AB3E" title="johntk86@gmail.com">Email</a>
        <a href="#" class="top" rel="bt" rev="#66b7d2" title="0857100495">Mobile</a>
        <a href="#" class="bottom" rel="tb" rev="#dd4b39" title="Click to visit my G+ profile">Google+</a>
        <a href="#" class="right" rel="lr" rev="#007baf" title="Click to visit my in profile">LinkedIn</a>

  </div>

目前,翻转垫中herf的标题元素是我的内容,

是否可以将内容设为超链接?

感谢。

0 个答案:

没有答案