<!--点击设置挂件的显示与隐藏-->
function Changeimg(gid,img){
var oDiv = top.document.createElement("DIV");
oDiv.id = "guajian"+gid;
oDiv.style.top = 2;
oDiv.style.left = 2;
oDiv.style.width = 50;
oDiv.style.height = 200;
oDiv.style.display = 'block';
oDiv.style.cursor='move';
oDiv.style.position='absolute';
oDiv.innerHTML="<img src='"+img+"' border=0 title='鼠标拖动可移动位置'>"
top.document.body.appendChild(oDiv);
oDiv.onmousedown = function(){top.drag(this)};
}
用js动态创建的层,要往上面加一些层,出现
上面那段代码里的那个效果不知能不能加
<div id=daohang0 style="display:none;Z-INDEX: 2; left: 750px; WIDTH: 100px; POSITION: absolute; TOP: 300px; HEIGHT: 520px; cursor:move;" >
<div id=daohangtitle style="display:none;background-color:#408CD9; height:18px; WIDTH: 100px; cursor:move;font-size:12px; color:#fff;padding:5px 0 0 5px;font-weight:600;">导航栏 <a href='javascript:;' id="1">设置</a></div>
<div id="div1" style="display:none;Z-INDEX: 4; position:relative; left:-20px; background-color:#ffffff; border:1px solid #000; font-size:12px;"></div>
<DIV title='鼠标拖动可移动位置' id=daohang style='display:none;Z-INDEX: 2;POSITION: absolute;top:22px;'><embed src=""></embed></DIV>
</div>
function Changeimg(gid,img){
var oDiv = top.document.createElement("DIV");
oDiv.id = "guajian"+gid;
oDiv.style.top = 2;
oDiv.style.left = 2;
oDiv.style.width = 50;
oDiv.style.height = 200;
oDiv.style.display = 'block';
oDiv.style.cursor='move';
oDiv.style.position='absolute';
oDiv.innerHTML="<img src='"+img+"' border=0 title='鼠标拖动可移动位置'>"
top.document.body.appendChild(oDiv);
oDiv.onmousedown = function(){top.drag(this)};
}
用js动态创建的层,要往上面加一些层,出现
上面那段代码里的那个效果不知能不能加
<div id=daohang0 style="display:none;Z-INDEX: 2; left: 750px; WIDTH: 100px; POSITION: absolute; TOP: 300px; HEIGHT: 520px; cursor:move;" >
<div id=daohangtitle style="display:none;background-color:#408CD9; height:18px; WIDTH: 100px; cursor:move;font-size:12px; color:#fff;padding:5px 0 0 5px;font-weight:600;">导航栏 <a href='javascript:;' id="1">设置</a></div>
<div id="div1" style="display:none;Z-INDEX: 4; position:relative; left:-20px; background-color:#ffffff; border:1px solid #000; font-size:12px;"></div>
<DIV title='鼠标拖动可移动位置' id=daohang style='display:none;Z-INDEX: 2;POSITION: absolute;top:22px;'><embed src=""></embed></DIV>
</div>
解决方案 »
- ie7中,js 获取img标签width,height的奇怪问题
- 关于javascript,读取多张本地图片的问题。求指点指点....
- 请问,如何将子页面option值全部传递给父页面的text?
- 自写的可编辑表格,功能比较简单,一时也想不起来还有啥,大家帮测测加评评,再提点意见就好了
- 有一个"层<div>"如何使他居中,也就是说不管分辨率是800*600还是1024*768,如何控制这个层都在屏幕的正中间
- 如何将confirm框的默认焦点放到cancel上面?
- 高分求解!!如何在点击一个联结的时候,将这个联结所指的内容(就是一个文件),直接保存到一制定位置(c:\)?不能出现对话框!
- 请教,jQuery中的一个正则表达式
- window.showModalDialog返回值是XML格式,如何用js获取兰花两字,格式如下
- 求一问卷调查系统
- 有没有讲javacript怎样解释执行的书?
- 仿淘宝上的拼音索引,,,,自动弹出新层问T,,,,
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
function drag(obj)
{
var s = obj.style
var b = top.document.body
var x = event.clientX + b.scrollLeft - s.pixelLeft
var y = event.clientY + b.scrollTop - s.pixelTop
var m = function()
{
if (event.button == 1)
{
s.pixelLeft = event.clientX + b.scrollLeft - x
s.pixelTop = event.clientY + b.scrollTop - y
}
else top.document.detachEvent("onmousemove", m)
}
top.document.attachEvent("onmousemove", m)
//if (!this.z) this.z = 999
//s.zIndex = ++this.z
event.cancelBubble = true
}
function show(o,divid)
{
var oDiv = document.getElementById("div"+o.id);
if(oDiv.style.display=="")
{
o.innerHTML = "设置";
oDiv.innerHTML = "";
oDiv.style.display="none";
}
else
{
o.innerHTML = "设置";
oDiv.innerHTML = getHTML(o.id,divid);
oDiv.style.display="";
}
}
function hidden(id)
{
var oDiv = document.getElementById('div'+id);
oDiv.innerHTML = "";
oDiv.style.display="none";
}
function changezindexend(ts){
ts.style.zIndex = 0;
}
function changezindexdec(ts){
ts.style.zIndex -= 1;
}
function changezindexadd(ts){
ts.style.zIndex += 1;
}
function changezindexhead(ts){
ts.style.zIndex = 999;
}
function getHTML(id,divid)
{
var str = "<table style='cursor:hand;' id='hidden_table'>"
str +="<tr><td onMouseover="+"this.bgColor='#cccccc'"+" onMouseout="+"this.bgColor='#ffffff'"+" onclick="
str += "changezindexhead("+divid+");"
str += "hidden("+id+")"
str +=">移动到顶层</td></tr>"
str +="<tr><td onMouseover="+"this.bgColor='#cccccc'"+" onMouseout="+"this.bgColor='#ffffff'"+" onclick="
str += "changezindexadd("+divid+");"
str += "hidden("+id+")"
str +=">移动到上一层</td></tr>";
str +="<tr><td onMouseover="+"this.bgColor='#cccccc'"+" onMouseout="+"this.bgColor='#ffffff'"+" onclick="
str += "changezindexdec("+divid+");"
str += "hidden("+id+")"
str +=">移动到下一层</td></tr>";
str +="<tr><td onMouseover="+"this.bgColor='#cccccc'"+" onMouseout="+"this.bgColor='#ffffff'"+" onclick="
str += "changezindexend("+divid+");"
str += "hidden("+id+")"
str +=">移动到底层</td></tr>"
str +="<tr><td><hr></td></tr>"
str +="<tr><td>还原默认位置</td></tr>"
str +="<tr><td>还原到默认导航风格</td></tr>"
str +="</table>"
return str;
}
</script>
</head>
<body> <div id=gonggao0 style="Z-INDEX:1; left: 300px; WIDTH: 159px; POSITION: absolute; TOP: 10px; HEIGHT: 120px; cursor:move;" onMouseDown="drag(this)" onmouseover="this.style.border='1px solid #408CD9'; document.getElementById('gonggaotitle').style.display='block';" onmouseout="this.style.border=''; document.getElementById('gonggaotitle').style.display='none';document.getElementById('hidden_table').style.display='none'">
<div id=gonggaotitle style="display:none;background-color:#408CD9; height:18px; WIDTH: 166px; cursor:move;font-size:12px; color:#fff;padding:5px 0 0 5px;font-weight:600;">公告栏 <a href='javascript:;' onclick="show(this,'gonggao0')" id="2">设置</a></div>
<div id="div2" style="display:none;Z-INDEX:2; position:relative; left:-20px; background-color:#ffffff; border:1px solid #000; font-size:12px;"></div>
<DIV title='鼠标拖动可移动位置' id=gonggao style='Z-INDEX:1; cursor:move; WIDTH: 90px; HEIGHT: 70px; top:22px; POSITION: absolute; word-wrap:break-word; left: 1px;'><img src="http://avatar.profile.csdn.net/D/2/E/2_jingangel.jpg" border=0></div>
</div>
</body>
</html>