document.getElementById("层的名字").style.top = "<a>hello </a>的位置" y坐标值
document.getElementById("层的名字").style.left= "<a>hello </a>的位置" x坐标值
document.getElementById("层的名字").innerHtml= “要显示的内容"
document.getElementById("层的名字").style.left= "<a>hello </a>的位置" x坐标值
document.getElementById("层的名字").innerHtml= “要显示的内容"
<% for(int i=0;i<N;i++){%>
<a id="location<%i%>">hello</a>
<%}%>在JavaScript里 document.getElementById("层的名字").style.top = document.getElementById("location1").style.top
document.getElementById("层的名字").style.left= document.getElementById("location1").style.left类似这样就可以了~~
怎么能实现比如说一个点击超链接<a>hello<a>,弹出个小窗口问你点的什么,然后你输入hello,然后在alert('您答对了');类似这样的功能?
RT
或许有点麻烦,请教下,谢了!能不能用JavaScript实现?
或者说用层弹出提问你点的什么,让这个层在你点的 <a>hello </a>中间?
知道的请回答,谢谢!
</pre><ul style=margin:100px>
<li><a href="###" onclick="Prompt(this)" title="今年是caiying2009吗?(yes/no)-您伟大!">hello-1<a></li>
<li><a href="###" onclick="Prompt(this)" title="今年是caiying2009吗?(yes/no)-我晕!">hello-2<a></li>
<li><a href="###" onclick="Prompt(this)" title="今年是caiying2009吗?(yes/no)-您晕!">hello-3<a></li>
<li><a href="###" onclick="Prompt(this)" title="今年是caiying2009吗?(yes/no)-我伟大!">hello-4<a></li>
</ul>
<span id="PromptSpan" style="display:none;position:absolute;border:2px red solid;padding:3px;background:#fff ">
<input value="" onfocus="this.value=''" onblur=show(this) size="28" style="border:0" >
</span>
</center>
<script language="javascript">
<!--
function getPosition(theElement){
var px =0;
var py =0;
var pw =theElement.offsetWidth;
while (theElement !=null){
px +=theElement.offsetLeft;
py +=theElement.offsetTop;
theElement =theElement.offsetParent;
}
return [px,py,pw];
}
function Prompt(_this){
var obj=document.getElementById("PromptSpan")
var p=getPosition(_this);
obj.style.left=(p[0]-p[2]/2-60)+"px"
obj.style.top=p[1]+20+"px"
obj.style.display=""
var objInput=obj.getElementsByTagName("input")[0]
objInput.value=_this.title.split("-")[0]
objInput.alt=_this.title.split("-")[1]
}
function show(_this){
if (_this.value=="yes")alert("^_^");
else alert(_this.alt)
_this.parentNode.style.display='none'
}
//-->
</script></body></html>
http://topic.csdn.net/u/20090226/02/0edda3e0-bcc5-49d0-9eb2-ce7556e9e5b5.html
<style>
#div1{
text-align:center;
position:absolute;
display:none;
width:200px;
height:100px;
border:1px solid #0000BB;
background-color:#7F8FBB
}
</style>
<script language="javascript">
function displayDiv1()
{
var objLink1 = document.getElementById("link1");
var objDiv1 = document.getElementById("div1");
objDiv1.style.top=objLink1.style.top;
objDiv1.style.left=objLink1.style.left;
objDiv1.style.display="block";
}
function checkAnser()
{
var objDiv1 = document.getElementById("div1");
objDiv1.style.display="none";
var objText1 = document.getElementById("text1");
if(objText1.value=="hello")
{
alert("你答对了");
}
else
{
alert("你答错了");
}
}
</script>
<body>
<a id="link1" href="javascript:void(0)" onclick="displayDiv1()" style="position:absolute;top:30px;left:500px">题目一</a>
<div id="div1">
<br>
<input id="text1" type="text" /><br>
<input type="button" value="确定" onclick="checkAnser()"/>
</div>
</div>
</body>
</html>