//鼠标移动时
//获取到需要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)|图片文件在线预览|音频播放|在线协作。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)