HTML超级链接菜单制作

HTML超级链接菜单制作

学习目地:今天要给大家讲下在前面的超级链接模块化理论基础上,扩展出的竖向鼠标动态菜单框架,下面要用到HTMl语言+超链接伪类属性+CSS语言混合编程方法。

代码准备

从图1中,可以看出代码的思路是实现一个菜单,当鼠标移动到菜单上,当前的菜单格就会自然变暗,主要是把HTML 的标签模块后,通过HTML无序列表标签

竖向排好,在用CSS语言控制好HTML的外观,同时调用鼠标事件伪类改变CSS语言属性值实现。

(图片来自网络,图1)

把图1中的代码,输入到记事本中,然后另存为HTML文件,打开HTML文件可以人看到效果如图2.

(图片来自网络,图2)

图2显示出的效果图是一个菜单,能看到显示出这个菜单框架就说明我们的HTML主体以经正确运行了。然后我们把鼠标移动上去就可以试下看下鼠标伪类事年能不能正常实现。

(图片来自网络,图3)

**************EMD**************

部分内容参考网络,本文只限于学习交流请勿它用

***********************************

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190105G0GB4H00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券