4 回答
TA貢獻(xiàn)1851條經(jīng)驗(yàn) 獲得超3個(gè)贊
它是使用bootstrap的popover來(lái)實(shí)現(xiàn)的,從bootstrap的源碼能看到popover是繼承至tooltip的組件之一。這里是通過將popover的觸發(fā)方式設(shè)為手動(dòng)觸發(fā),由我們自己來(lái)控制顯示和隱藏它的時(shí)機(jī)。并且在依賴節(jié)點(diǎn)離開的時(shí)候,給定300ms的延遲等待用戶進(jìn)入tooltip panel,如果300ms還沒有進(jìn)入tooltip則隱藏它。否則就阻止隱藏tooltip的邏輯。
這代碼雖然功能可用,但具有代碼潔癖的博主并不太滿意這樣的代碼。它難以閱讀維護(hù),同時(shí)重用性也將極差。所以筆者決定要以bootstrap插件方式來(lái)一bs way寫這款插件。
當(dāng)筆者查閱bootstrap tooltip源碼時(shí),發(fā)現(xiàn)它是一個(gè)擴(kuò)展性很不錯(cuò)的插件。tooltip的顯示和隱藏依賴于它內(nèi)部的hoverState
TA貢獻(xiàn)1856條經(jīng)驗(yàn) 獲得超5個(gè)贊
如果是在web中應(yīng)用的話。你直接用驗(yàn)證控件,驗(yàn)證為空。然后結(jié)合ajax的控件ValidatorCalloutExtender1,就可以實(shí)現(xiàn)類似的效果。
如果是在winform中的話.那個(gè)就得自己去自定義控件,繼承textBox,增加一個(gè)離開焦點(diǎn)的驗(yàn)證,用GDI+來(lái)實(shí)現(xiàn)類似的效果。或者就是找一個(gè)開源的氣泡提示控件..直接控制就好。
TA貢獻(xiàn)1860條經(jīng)驗(yàn) 獲得超9個(gè)贊
tooltip text 屬性??
tooltip是控件的屬性
比如你想吧鼠標(biāo)移動(dòng)到圖片上后顯示提示信息
img.tooltip="這是個(gè)圖片";
就ok啦
- 4 回答
- 0 關(guān)注
- 1137 瀏覽
添加回答
舉報(bào)
