描述:jtip.js是一个用于动态提示的jQuery插件,将鼠标移动到链接上就可以提示内容!
图片展示:
兼容浏览器:IE6+/Firefox/Google Chrome
官方链接:http://www.codylindley.com/blogstuff/js/jtip/
官方下载:http://www.codylindley.com/blogstuff/js/jtip/jTip.zip
本站JS下载:http://www.ijquery.cn/js/jtip/jtip.js
本站预览: http://www.ijquery.cn/study/demo/jtip
本站打包下载:http://www.ijquery.cn/study/demo/jtip/jtip.zip
参数说明:无
JS和CSS引用代码:
[js]
<script type="text/javascript" src="http://www.ijquery.cn/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://www.ijquery.cn/js/jtip/jtip.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.ijquery.cn/js/jtip/jtip.css" media="all" />
[/js]
HTML代码:说明:id和name必须填写(id必须填写,可以随便填写;name就是jTip的标题)
[html]
<a href="jtip.htm?width=475" id="one" name="jTip标题">jTip提示框</a>
[/html]
引用的jtip.htm的代码:
[html]
<p><img src="images/ajaxImage.jpg" width="200" height="136" style="float:left;margin:5px 10px 5px 0; ">jTip的内容。</p>
[/html]