富贵资源网 Design By www.hznty.com
本文实例讲述了jQuery实现的超链接提示效果。分享给大家供大家参考,具体如下:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> <body> <style type="text/css"> *{margin:0;padding:0;} ul li{ list-style:none;} img {border:0 none;} body {padding:100px;} .tooltip{position:absolute;display:none;border:1px solid #333; border-radius:8px; box-shadow:0 0 3px rgba(000,000,000,0.8);background:rgba(247,245,209,0.5);padding:3px;color:#333;display:none;}/* border-radius,box-shadow ie9以下都不兼容 */ </style> <div class="test"> <a href="#" class="link" title="这是我的超链接提这是我的超<br> <strong>链接</strong>提这是我的超链接提这是<img src='jb51.gif'>我的超<br> 链接提这是我的超链接提这是我的超链接提示1.">自定义链接提示</a> <a href="#" class="link">默认title提示</a> <a href="#" class="link" title="自定义TITLE提示2222!!!!">自定义链接提示</a> <a href="#" title="原始链接TITLE提示!">原始链接title提示</a> </div> </body> <script src="/UploadFiles/2021-04-02/jquery-1.7.2.min.js">运行效果截图如下:
完整实例代码点击此处本站下载。
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
富贵资源网 Design By www.hznty.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
富贵资源网 Design By www.hznty.com
暂无评论...