关于制作动态网页的介绍

可以登录及注册,登录、注册按钮链接了其他两个网址。

<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知识。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值