我正在尝试将一个旧的Tips插件从Mootools转换为jQuery: http://flowplayer.org/tools/tooltip/index.html
除了我在HTML行中重新设置属性值的样式之外,所有内容都处于正常工作状态。例如,我可能有:
<img src="/link/to/image.jpg" class="Tips2" title="Header Line :: Description Paragraph Here" />
效果非常好,除了我想用CSS单向风格化“Header Line”部分,而另一种方式用CSS风格化“Description Paragraph Here”部分。我仍然是javascript的新手,我不知道如何选择这两种模式来为他们应用css类。
我转换的原始Mootools脚本带有预先打包的此功能(以便您在上面的HTML中看到的模式已经链接到“标题行”的类“.tool-title”和“.tool-”文本“为”描述段落在这里“)。
我如何在jQuery中执行此操作?
答案 0 :(得分:1)
这是你的想法:http://jsfiddle.net/g_thom/Za3uY/3/?
正如Dimitar所提到的,jQuery将两个字符串拆分为一个数组,并将它们放入不同的div中,以便进行不同的样式设置。两者都悬停在图像上方显示。不确定这是否正是你所追求的。
我暂时将title属性设置为空白,因此它不会在悬停'doubled'上显示自定义工具提示,然后在鼠标输出时将其重新插入,以便可访问性问题在某种程度上最小化。
目前已在Chrome和FF4中测试过。