我正在尝试将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的标题元素是我的内容,
是否可以将内容设为超链接?
感谢。