本文介绍了使用JavaScript实现网页元素的动态定位及响应鼠标移动的方法，并展示了如何通过脚本更改HTML元素的内容并恢复原始值。
<form onsubmit="confirmInput()" action="http://www.w3school.com.cn/">
onsubmei 后面为方法函数，用脚本处理。
================================================================================================
相对位置的定位：
<script type="text/javascript">
var i=1
function moveright()
{
document.getElementById('header').style.position="relative"
document.getElementById('header').style.left=i
i++
}
</script>
</head>
<body onmousemove="moveright()">
<h1 id="header">
请在页面上移动鼠标
</h1>
================================================================================================
当某一个innerHTML 赋值后恢复为原来的值可以用 reset() 函数:
<script type="text/javascript">
function gettip(txt)
{
document.getElementById('tip').innerHTML=txt
}
function reset()
{
document.getElementById('tip').innerHTML=""
}
</script>
</head>
<body>
<p>把鼠标移动到下面的饮料上：</p>
<span onmouseover="gettip('热的黑色饮品')"
onmouseout="reset()">咖啡</span>
<br /><br />
<span onmouseover="gettip('冷的白色饮品')"
onmouseout="reset()">牛奶</span>
<p id="tip"></p>
================================================================================================
扫一扫
1139
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
