什麼是定製HTML/CSS工具提示的最佳方式? (我的意思是一個簡單的,跨瀏覽器的解決方案。)如何自定義HTML/CSS工具提示?
我需要減少淡入延遲和改變風格。 (另外,你可以爲它建議一個好的jQuery插件嗎?)
什麼是定製HTML/CSS工具提示的最佳方式? (我的意思是一個簡單的,跨瀏覽器的解決方案。)如何自定義HTML/CSS工具提示?
我需要減少淡入延遲和改變風格。 (另外,你可以爲它建議一個好的jQuery插件嗎?)
我以前使用qTip和舊版本,Simpletip,它們在所有瀏覽器(甚至IE6!)中工作得非常好。
的文檔是非常好,你可以配置輸入/輸出延遲褪色:http://craigsworks.com/projects/qtip/docs/reference/#show
風格參考:http://craigsworks.com/projects/qtip/docs/tutorials/#styling
使用jQuery,你可以得到一個對象的title屬性並添加元素與那個價值。有一個來自jQuery: Novice to Ninja (SitePoint 2010)
的小寶石。我不確定我是否允許它張貼在這裏,儘管代碼本身has been made public on sitepoint由作者。下載存檔並查看chapter_05 \ 17_simple_tooltips。它長25行,效果很好。
我發現了這個評論,感興趣的其它代碼示例。 SitePoint的github:https://github.com/spbooks – onebree 2015-05-27 14:50:09
這是另一個提示插件值得看的,http://code.drewwilson.com/entry/tiptip-jquery-plugin
如果有人碰到這個未來正在考慮非JS/jQuery的解決方案,看看[這個答案](http://stackoverflow.com/a/ 17391243/983430)到相關問題。工作小提琴:http://jsfiddle.net/4k90opzv/ – 2015-12-14 05:39:30