第二部分: Dijit 5.2 工具提示

本文介绍了 Dojo 框架中的 Tooltip 组件,详细解释了如何使用该组件创建更灵活的工具提示效果。包括设置显示时间、指定显示文本及 HTML 内容等特性,并提供了具体的实现代码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Tooltip.png

工具提示类似于传统html中的 title=""属性,但是要更加灵活。你可以控制显示的时间,还可以以任意的html方式来显示文本内容。

Style="display:none"在工具提示中总是使用,否则在鼠标移动到要显示提示的地方之前就会显示提示。

例子 

  
< script > dojo.require("dijit.Tooltip"); </ script >
...
< span  id ="wordOfTheDay" > longanimity </ span >
< span  dojoType ="dijit.Tooltip"  
           connectId
="wordOfTheDay"  
           caption
="a disposition to bear injuries patiently : forbearance"  
           style
="display:none;" ></ span >

属性

dijit.Tooltip
当你移到某个节点的时候显示弹出式提示
caption工具提示显示的文本,也可以指定为innerHTML(when creating the widget from markup).
connectId需要显示工具提示的Id
delay参见在common attributes中的delay
hideDelay当鼠标移出对象的时候,等待一定时间后(毫秒)工具提示消失。
showDelay在提示显示之前等待的时间(毫秒)
toggle参见 common attributes中的toggle
toggleDuration参见 common attributes中的 toggleDuration
 

回到目录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值