你想实现什么功能,或者说你这段代码有什么错误提示或和预期结果哪儿对不上简单看了一下,可能和FF不兼容, 这里应该加上单位
style.top = top +'px';
style.left = left+width + 'px';
style.top = top +'px';
style.left = left+width + 'px';
解决方案 »
- cuteeditor 本地测试好着,上传后界面显示不了,而且无法编辑内容
- 为什么连接无效?无法点击
- 分享代码,基于MicroSoftAjax的JS代码之1.3:异常处理(JSHelper.js)
- 拖动效果,事件为什么绑定在document不会出现脱节?没人懂么
- Ext.EditGrid ColumnModel renderer 问题
- 求救,window.location不支持问号传递参数!如何解决??
- 如何动态改变tr的bgcolor属性
- 求 在表单中不可以输入中文字 菜鸟提问
- 这段js代码每个函数是什么意思,整体是什么意思,请给与详细解答,谢谢!!!
- easyui datagrid 多行列头如何实现
- 求助!!一个asp网页连接sql数据库 ID框和password框 如何导入数据库表中的内容
- 如何同时读取多个TXT文本
效果可以看这段htm
<style type="text/css">
.f{
cursor:pointer;
position:absolute;
width:357px;
height:194px;
padding:15px 0 0 50px;
background-image:url(http://static5.photo.sina.com.cn/middle/4ef69b3dg5785994300a4&000.jpg)
}
</style>
<script>
var oo = true
var vv=["大法师</a><br>山丘之王<br>血法师<br>怕拉丁","剑圣<br>先知<br>牛头人<br>小yy","死亡骑士<br>巫妖<br>恐惧魔王<br>小强","恶魔猎手<br>丛林守护者<br>守望者<br>老虎女继嗣"]
function create(obj,num){
if(oo==true){
oo=false
var div =document.createElement("div")
div.className="f"
div.id="div"
div.innerHTML=vv[num]
document.body.appendChild(div)
var left=obj.offsetLeft
var top=obj.offsetTop
var width=obj.offsetWidth
var height=obj.offsetHeight
var a = objwhile (obj=obj.offsetParent) {
left += obj.offsetLeft;
top += obj.offsetTop;
};if((document.body.clientWidth-left-a.offsetWidth)>document.getElementById("div").offsetWidth)
{
document.getElementById("div").style.left=left+width
if((document.body.clientHeight)< (top + document.getElementById("div").offsetHeight))
{
document.getElementById("div").style.top= document.body.clientHeight - document.getElementById("div").offsetHeight
}
else
{
document.getElementById("div").style.top=top
}
}
else
{
document.getElementById("div").style.left=left- document.getElementById("div").offsetWidth
document.getElementById("div").style.top=top
}
div.onmouseout=del
}}function del(e){
e=e||event;
var obj=e.relatedTarget||e.toElement;
var div =document.getElementById("div")
if(div.contains(obj))return;
document.body.removeChild(div)
oo=true
}</script>
<span id="text" onmouseover="create(this,0)" style="cursor:pointer;" onMouseOut="del()" >人族</span>
<span id="text" onmouseover="create(this,1)" style="cursor:pointer;" onMouseOut="del()" >兽族</span><br><br><br><br><span id="text" onmouseover="create(this,3)" style="cursor:pointer;" onMouseOut="del()" >精灵族</span>><br><br><br><br><br><br><br><br>
<span id="text" onmouseover="create(this,2)" style="cursor:pointer;" onMouseOut="del()" >不死族</span><br><br><br><br><br><br><br><br><br><br><br><br><br><br><span id="text" onmouseover="create(this,3)" style="cursor:pointer;" onMouseOut="del()" >精灵族</span>><br><br><br><br><br>
<span id="text" onmouseover="create(this,3)" style="cursor:pointer;" onMouseOut="del()" >精灵族</span>>