189 8069 5689
在html中引入jquery插件的方法有以下两种：
我们提供的服务有：网站制作、网站建设、微信公众号开发、网站优化、网站认证、德令哈ssl等。为成百上千企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的德令哈网站制作公司
1：CDN引入，在head标签中加入下列代码
head
script src=""/script
/script
/head
2：本地引入,这种方法要求本地有jquery.js：
head
script src="jquery.js"/script
/script
/head
jquery可以到其官网下载，官网地址是;
JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器。推荐使用CDN,许多用户在访问其他站点时，已经从其他加载过 jQuery。所有结果是，当他们访问您的站点时，会从缓存中加载 jQuery，这样可以减少加载时间。同时，大多数 CDN 都可以确保当用户向其请求文件时，会从离用户最近的服务器上返回响应，这样也可以提高加载速度。同时推荐使用百度CDN，因为其他的比如谷歌和微软的CDN不可用！
使用步骤如下：
1.jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。
2.然后我们来开始编辑HTML界面代码。
3.使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。
4.接着再书写一个script标签对,里面写上jQuery入口函数,这样,当我们的HTML加载完成之后就会执行我们的jQuery代码
$(获取到需要弹出浮动框的元素obj).hover(function(){
//鼠标移动时
//获取到需要弹出浮动框的元素obj
divobj=document.getElementById(obj);
//获取obj的位置，left及top，IE及FF3.0以上都支持
divobjleft = divobj.getBoundingClientRect().left;
divobjtop = divobj.getBoundingClientRect().top;
//为弹出的div的left，top赋值
divobjx= divobjleft + 0 /* 弹出的div距离obj左边的距离，取实际值 */ ;
divobjy= divobjtop + 50 /* 弹出的div距离obj顶部的距离，取实际值 */ ;
// 定义弹出div
var x="div id='description' class='help' style='left:"+divobjx+"px; top:"+divobjy+"px;'这里是内容，也可以通过参数来传递/div";
//通过insertAdjacentHTML来写入到html内（这个参数火狐不支持，但是可能通过兼容代码 让火狐兼容insertAdjacentHTML 属性，兼容代码不长，就几十行）
document.body.insertAdjacentHTML("afterBegin",x);
},function(){
//鼠标移出时，通过closeDiv()移除这个div
closeDiv("description");
})
/* Sart 移除元素方法 */
function closeDiv(obj){
var divobj= document.getElementById(obj);
divobj.parentNode.removeChild(divobj);
}
/* End移除元素方法 */
/* Start 兼容代码 让火狐兼容insertAdjacentHTML 属性 */
if (typeof HTMLElement != "undefined" !HTMLElement.prototype.insertAdjacentElement) {
HTMLElement.prototype.insertAdjacentElement = function (where, parsedNode) {
switch (where) {
case "beforeBegin":
this.parentNode.insertBefore(parsedNode, this);
break;
case "afterBegin":
this.insertBefore(parsedNode, this.firstChild);
break;
case "beforeEnd":
this.appendChild(parsedNode);
break;
case "afterEnd":
if (this.nextSibling) {
this.parentNode.insertBefore(parsedNode, this.nextSibling);
} else {
this.parentNode.appendChild(parsedNode);
}
break;
}
};
HTMLElement.prototype.insertAdjacentHTML = function (where, htmlStr) {
var r = this.ownerDocument.createRange();
r.setStartBefore(this);
var parsedHTML = r.createContextualFragment(htmlStr);
this.insertAdjacentElement(where, parsedHTML);
};
HTMLElement.prototype.insertAdjacentText = function (where, txtStr) {
var parsedText = document.createTextNode(txtStr);
this.insertAdjacentElement(where, parsedText);
};
}
/* End 兼容代码 让火狐兼容insertAdjacentHTML 属性 */
script type="text/javascript" src="路径"/script
script type="text/javascript"
$(function(){
代码写在这里//
})
/script