jquery 引入绝对地址

jquery 引入绝对地址,第1张

$(获取到需要d出浮动框的元素obj).hover(function(){

//鼠标移动时

//获取到需要d出浮动框的元素obj

divobj=document.getElementById(obj)

//获取obj的位置,left及top,IE及FF3.0以上都支持

divobjleft = divobj.getBoundingClientRect().left

divobjtop = divobj.getBoundingClientRect().top

//为d出的div的left,top赋值

divobjx= divobjleft + 0 /* d出的div距离obj左边的距离,取实际值 */

divobjy= divobjtop + 50 /* d出的div距离obj顶部的距离,取实际值 */

// 定义d出div

var x="<div id='description' class='help' style='left:"+divobjx+"pxtop:"+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 属性 */

var source = //地址

$(".nva_kj").html('<img name="" src="'+source+'" width="60" height="60" alt="图片">')

jquery在线文件链接地址是:http://code.jquery.com/jquery-1.4.1.min.js;或http://code.jquery.com/jquery-1.4.1.js。

jquery在线文件:

1、jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器,这让诸如 HTML 文档遍历和 *** 作、事件处理、动画和 Ajax *** 作更加简单。

2、在线文档预览(doc,docx,xls,xlsx,ppt,pptx,pdf等)|压缩文件在线预览(zip,rar,tar,7z等)|图纸文件在线预览(dwg,dxf,dwf)|图片文件在线预览|音频播放|在线协作。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/7906345.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-11
下一篇 2023-04-11

发表评论

登录后才能评论

评论列表(0条)

保存