可以登录及注册,登录、注册按钮链接了其他两个网址。
<li style="float:right"><a class="active" href="D:\注册.html">注册</a></li>
<li style="float:right"><a class="active" href="D:\登录.html">登录</a></li>
将鼠标放在图片上时,会改变图片,变成下一张图片,如果移开鼠标,图片将会复原。
<script type="text/javascript">
window.onload = function () {
var img1 =document.getElementById("imgid")
img1.onmouseover = function () {
img1.src="D:\图2.jpg";img1.width='600';img1.height='400'
}
img1.onmouseout = function () {
img1.src="D:\图1.jpg";
}
}
</script>
利用JavaScript知识,onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。
网页中使用了HTML,CSS及JavaScript知识,构建网页框架时使用了CSS知识,动态图片使用了JavaScript知识。