web页面鼠标单击文本框在文本框上面show一个div出来.
哎,我恨界面...30分啦.写了+上奖励的就五十分,这么个简单的小demo对于界面高手来说肯定很简单....
哎, 我恨界面...
30分啦. 写了+上奖励的就五十分,
这么个简单的小demo对于界面高手来说肯定很简单. 展开
30分啦. 写了+上奖励的就五十分,
这么个简单的小demo对于界面高手来说肯定很简单. 展开
2个回答
展开全部
<style>
#msg{
border-style:solid;
border-width:1px;
border-color:#008080;
background:aliceblue;
font-size:12px;
}
</style>
<html>
<body>
<input type="text"
id=t
onclick="fun(this)"
onkeypress="fun(this)"
onblur="document.all.msg.style.display='none'"
style="position:absolute;left:10px;top:100px;width:300px;height:25px;font-size:12px;">
<div id=msg style=" position:absolute;top:0px;left:0px; display:none;"></div>
</body>
<script>
function fun(t)
{
if(t.value!="")
{
var msg=document.all.msg;
msg.innerText=t.value;
msg.style.display='';
msg.style.left=t.style.left;
msg.style.top=t.style.top.replace("px","")-t.style.height.replace("px","");
}
}
</script>
</html>
做得不好看··
#msg{
border-style:solid;
border-width:1px;
border-color:#008080;
background:aliceblue;
font-size:12px;
}
</style>
<html>
<body>
<input type="text"
id=t
onclick="fun(this)"
onkeypress="fun(this)"
onblur="document.all.msg.style.display='none'"
style="position:absolute;left:10px;top:100px;width:300px;height:25px;font-size:12px;">
<div id=msg style=" position:absolute;top:0px;left:0px; display:none;"></div>
</body>
<script>
function fun(t)
{
if(t.value!="")
{
var msg=document.all.msg;
msg.innerText=t.value;
msg.style.display='';
msg.style.left=t.style.left;
msg.style.top=t.style.top.replace("px","")-t.style.height.replace("px","");
}
}
</script>
</html>
做得不好看··
展开全部
<html>
<body>
<div id="temp"></div>
<input type="text" id="" onclick="showit()"/>
</body>
</html>
<script type="javascript">
function showit(){
document.all.temp.innerHTML="<span>测试<span>"
}
</script>
<body>
<div id="temp"></div>
<input type="text" id="" onclick="showit()"/>
</body>
</html>
<script type="javascript">
function showit(){
document.all.temp.innerHTML="<span>测试<span>"
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询