今、デモページを作っていて、tooltipsを実装する必要がでてきたので、その方法を調べました。
Tooltipsのページを読んでも、すぐにわからなかったのですが、ソースを直接調べた結果、以下のように落ち着きました。
<script>
jQuery(function($){
$('a[rel=tooltip]').tooltip();
});
</script>
</head>
<body>
<div class="container">
<div class="row">
<div class="span12" >
<a href="#" rel="tooltip" data-placement="top" data-original-title="this is tooltip">test</a>
</div>
</div>
</div>
</body>
IEだと、こんな感じ
chromeだとこんな感じ
やっぱり、chromeだと丸角がついてかっこいいですねー。
0 コメント:
コメントを投稿