我希望链接号在悬停时变为一个点,并在悬停时显示一条消息,我已经使用 jQuery 和垃圾邮件类完成了它,但我不能让它们放在一起,只有一个可以工作一个时间。 这是我的 jQuery 代码:
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:false,
tip_delay_time:90,
tip_fade_speed:600,
attribute:"title"
});
});
})(jQuery);
标题外观代码:
#s-m-t-tooltip {
max-width:300px;
padding:6px 6px 6px 6px;
margin:20px 0px 0px 20px;
background: #fff;
border:1px solid #000;
font-family:arial;
font-size:10px;
letter-spacing:0px;
text-transform:uppercase;
color:#000;
z-index:999999999999999999999999999999999999;
}
悬停时文本变化的凹陷:
.navi .dot { display: none; }
.navi:hover .link { display: none; }
.navi:hover .dot { display: inline; }
和 HTML:
<span class="navi">
<span class="link">
<a href="" title="Online Services">1</a></span>
<span class="dot">•</span></span>
我的问题是文本从 one 变为 • 但是悬停时没有显示消息,如果我这样做没有文本更改,消息就会出现所以我知道这不是问题消息编码。
最佳答案
您需要将标题属性放在“点”范围内。
fiddle 示例:http://jsfiddle.net/ZBdRu/
<span class="navi">
<span class="link">
<a href="" title="Online Services">1</a></span>
<span class="dot" title="Online Services">•</span></span>
编辑:由于 jsFiddle 没有你的插件模块作为它的一部分,我已经重做了 fiddle ,让你尝试在你的开发系统上使用插件 http://jsfiddle.net/ZBdRu/1/ .如果这不起作用,请考虑改用 jQuery UI 工具提示。它被更多的人使用,它很容易并且有很多支持。 http://jqueryui.com/tooltip/
关于javascript - 如何同时使用 jQuery 和 span 类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18931698/