20 个免费的 jQuery 的工具提示插件:
fmms 13年前
<p>本文介绍 20 个免费的 jQuery 的工具提示插件:</p> <h2>TipTip</h2> <p>( <a href="/misc/goto?guid=4958185113990026915" target="_blank">Demo</a> | <a href="/misc/goto?guid=4958339875662853789">Download</a> )</p> <p>TipTip 是一个非常轻量级和智能的 jQuery 的工具提示插件,无需图片,可通过 CSS 进行定制,压缩后只有 3.5K</p> <p><img alt="20 个免费的 jQuery 的工具提示插件:" src="https://simg.open-open.com/show/7ec39047881af8fa800ca658fae8c3af.jpg" width="550" height="305" /></p> <h2><a href="/misc/goto?guid=4958185112571003315" target="_blank">Build a Better Tooltip with jQuery Awesomeness</a></h2> <p>( <a href="/misc/goto?guid=4958339877204628247" target="_blank">Demo</a> | <a href="/misc/goto?guid=4958339877998558639">Download</a> )</p> <p>通过这个智能的jQuery插件可用来替换浏览器默认的工具提示</p> <p><img alt="20 个免费的 jQuery 的工具提示插件:" src="https://simg.open-open.com/show/a295bc8f97b3bb37f34a42fdde517927.jpg" width="550" height="348" /></p> <h2>jQuery (MB) Tooltip</h2> <p>( <a href="/misc/goto?guid=4958339878793395041" target="_blank">Demo</a> | <a href="/misc/goto?guid=4958339879588763052">Download</a> )</p> <p>同上</p> <p><img alt="20 个免费的 jQuery 的工具提示插件:" src="https://simg.open-open.com/show/6f00c1e3198dbf0637be3fce684416d1.jpg" width="550" height="333" /></p> <h2><a href="/misc/goto?guid=4958185128140209482" target="_blank">jQuery & CSS Tooltip</a></h2> <p>( <a href="/misc/goto?guid=4958185128140209482" target="_blank">Demo</a> | <a href="/misc/goto?guid=4958185128140209482">Download</a> )</p> <p>该代码可非常简单的创建外观很好看的工具提示。</p> <p><img alt="20 个免费的 jQuery 的工具提示插件:" src="https://simg.open-open.com/show/5dec73847c10c9e09f43165cb577e11f.jpg" width="550" height="292" /></p> <h2>Sticky Tooltip</h2> <p>( <a href="/misc/goto?guid=4958185135273932786" target="_blank">Demo</a> | <a href="/misc/goto?guid=4958185135273932786">Download</a> )</p> <p>支持超文本的工具提示,包括可在提示中显示图片。</p> <p><img alt="20 个免费的 jQuery 的工具提示插件:" src="https://simg.open-open.com/show/8e4b26ce525f96fafd8564ffdc65512d.jpg" width="550" height="301" /></p> <h2>jQuery Tooltip Plugin</h2> <p>( <a href="/misc/goto?guid=4958185116817589838" target="_blank">Demo</a> | <a href="/misc/goto?guid=4958185116817589838">Download</a> )</p> <p><a href="/misc/goto?guid=4958185116817589838"><img alt="20 个免费的 jQuery 的工具提示插件:" src="https://simg.open-open.com/show/aefac5e79205b1b7a15a6e84accfcda9.jpg" width="550" height="340" /></a></p> <h2>jQuery Image Tooltips</h2> <p>( <a href="/misc/goto?guid=4958339886254345527" target="_blank">Demo</a> | <a href="/misc/goto?guid=4958339887056761178">Download</a> )</p> <p>当用户鼠标放在缩略图上,便会出现一个提示框用来显示对应的大图,并支持显示和隐藏的动画特效。</p> <p><a href="/misc/goto?guid=4958185131024346483"><img alt="20 个免费的 jQuery 的工具提示插件:" src="https://simg.open-open.com/show/2b8e14a923bbf2e0931face459975435.jpg" width="550" height="321" /></a></p> <h2>DHTML Tooltips</h2> <p>( <a href="/misc/goto?guid=4958339888594256207" target="_blank">Demo</a> | <a href="/misc/goto?guid=4958339889389477974">Download</a> )</p> <p>支持格式化和超文本的工具提示效果</p> <p><a href="/misc/goto?guid=4958339888594256207"><img alt="20 个免费的 jQuery 的工具提示插件:" src="https://simg.open-open.com/show/a4159c9c124dcad78914945a9ee9d33c.jpg" width="550" height="338" /></a></p> <h2>Prototip 2</h2> <p>( <a href="/misc/goto?guid=4958188880469711615" target="_blank">Demo</a> | <a href="/misc/goto?guid=4958188880469711615">Download</a> )</p> <p>Prototip 可以让你创建图片和文本混合的工具提示,这是一个 Prototype 插件,而非 jQuery。</p> <p><a href="/misc/goto?guid=4958188880469711615"><img alt="20 个免费的 jQuery 的工具提示插件:" src="https://simg.open-open.com/show/499312082831abf970df18d0e1019429.jpg" width="550" height="329" /></a></p> <h2>Mobile Tooltip Widget for GWT</h2> <p>( <a href="/misc/goto?guid=4958339893113012058" target="_blank">Demo</a> | <a href="/misc/goto?guid=4958339893911446629">Download</a> )</p> <p><a href="/misc/goto?guid=4958339894706091521"><img alt="20 个免费的 jQuery 的工具提示插件:" src="https://simg.open-open.com/show/de7de8c7e402de8d3b1bd9ca34d95b82.jpg" width="550" height="392" /></a></p> <h2>ClueTip</h2> <p>( <a href="/misc/goto?guid=4958339895501541745" target="_blank">Demo</a> | <a href="/misc/goto?guid=4958339896302581592">Download</a> )</p> <p><img alt="20 个免费的 jQuery 的工具提示插件:" src="https://simg.open-open.com/show/ad61efc7e1b77cc9fafbeaebaf390ef9.png" width="398" height="289" /></p> <h2>EZPZ Tooltip</h2> <p>( <a href="/misc/goto?guid=4958339897095652878" target="_blank">Demo</a> | <a href="/misc/goto?guid=4958339897095652878">Download</a> )</p> <p>EZPZ 工具提示又是一款 jQuery 的 Tooltip 插件。</p> <p><img alt="20 个免费的 jQuery 的工具提示插件:" src="https://simg.open-open.com/show/69a844caca8507704001982f2e5e1e53.png" width="568" height="229" /></p> <h2>Balloon Tooltip Demonstration</h2> <p>( <a href="/misc/goto?guid=4958188903397484643" target="_blank">Demo</a> | <a href="/misc/goto?guid=4958188903397484643">Download</a> )</p> <p>圆角效果的工具提示插件</p> <p><img alt="20 个免费的 jQuery 的工具提示插件:" src="https://simg.open-open.com/show/afa4a064e37e73c768d9242491e394b5.jpg" width="550" height="328" /></p> <h2>ToolTip MooTools</h2> <p>( <a href="/misc/goto?guid=4958339900092926671" target="_blank">Demo</a> | <a href="http://www.hotajax.org/mootools/tooltips--rating/index.php?option=com_docman&task=doc_download&gid=372&Itemid=280">Download</a> )</p> <p>这是 MooTools 的工具提示插件。</p> <p><img alt="20 个免费的 jQuery 的工具提示插件:" src="https://simg.open-open.com/show/0c7166f5e6b469199e4441ac91ac9d5d.jpg" width="550" height="318" /></p> <h2>MooTools Tooltip</h2> <p>( <a href="/misc/goto?guid=4958339901698977338" target="_blank">Demo</a> | <a href="/misc/goto?guid=4958339902491003007">Download</a> )</p> <p>同上</p> <p><img alt="20 个免费的 jQuery 的工具提示插件:" src="https://simg.open-open.com/show/b6bfb308966e482b325d077c3462d2a2.jpg" width="550" height="266" /></p> <h2>Tooltip.js</h2> <p>( <a href="/misc/goto?guid=4958188897037655318" target="_blank">Demo</a> | <a href="/misc/goto?guid=4958188897037655318">Download</a> )</p> <p>Tooltip.js 是一个基于 Prototype 和 Script.aculo.us 构建的工具提示插件</p> <p><img alt="20 个免费的 jQuery 的工具提示插件:" src="https://simg.open-open.com/show/48db932fa76d15d91eb94099231adf85.jpg" width="550" height="345" /></p> <h2><a href="/misc/goto?guid=4958188900590607739" target="_blank">Advanced Tooltips</a></h2> <p>( <a href="/misc/goto?guid=4958188900590607739" target="_blank">Demo</a> | <a href="/misc/goto?guid=4958188900590607739">Download</a> )</p> <p>高级工具提示,带有标题栏、内容和底栏</p> <p><img alt="20 个免费的 jQuery 的工具提示插件:" src="https://simg.open-open.com/show/2c7539ba0f0e1d608a04d7db3dd588d6.jpg" width="550" height="355" /></p> <h2>qTip2</h2> <p>( <a href="/misc/goto?guid=4958339906950144298" target="_blank">Demo</a> | <a href="/misc/goto?guid=4958339907746704944">Download</a> )</p> <p>qTip2 提供多种不同风格的工具提示</p> <p><a href="/misc/goto?guid=4958187529791468292"><img alt="20 个免费的 jQuery 的工具提示插件:" src="https://simg.open-open.com/show/7427a8ef3c21b3d082aed5121096cfbd.jpg" width="550" height="304" /></a></p> <h2>tipsy</h2> <p>( <a href="/misc/goto?guid=4958185125307724501" target="_blank">Demo</a> | <a href="/misc/goto?guid=4958339910001142151">Download</a> )</p> <p>类似 非死book 的工具提示插件。</p> <p><img alt="20 个免费的 jQuery 的工具提示插件:" src="https://simg.open-open.com/show/e43fdfa241bb59ecafd89204ffd1cce0.jpg" width="550" height="262" /></p> <h2><a href="/misc/goto?guid=4958339910795589596" target="_blank">Cool DHTML Tooltip</a></h2> <p>( <a href="/misc/goto?guid=4958339910795589596" target="_blank">Demo</a> | <a href="/misc/goto?guid=4958339910795589596">Download</a> )</p> <p>一个简洁的工具提示插件</p> <p><img alt="20 个免费的 jQuery 的工具提示插件:" src="https://simg.open-open.com/show/27296df2926f3b59424e5a4e34bc01f2.jpg" width="550" height="249" /></p> <p>via <a href="/misc/goto?guid=4958339913051508047" target="_blank">smashinghub</a></p>