HTML超级链接菜单制作
学习目地:今天要给大家讲下在前面的超级链接模块化理论基础上,扩展出的竖向鼠标动态菜单框架,下面要用到HTMl语言+超链接伪类属性+CSS语言混合编程方法。
代码准备
从图1中,可以看出代码的思路是实现一个菜单,当鼠标移动到菜单上,当前的菜单格就会自然变暗,主要是把HTML 的标签模块后,通过HTML无序列表标签
竖向排好,在用CSS语言控制好HTML的外观,同时调用鼠标事件伪类改变CSS语言属性值实现。
(图片来自网络,图1)
把图1中的代码,输入到记事本中,然后另存为HTML文件,打开HTML文件可以人看到效果如图2.
(图片来自网络,图2)
图2显示出的效果图是一个菜单,能看到显示出这个菜单框架就说明我们的HTML主体以经正确运行了。然后我们把鼠标移动上去就可以试下看下鼠标伪类事年能不能正常实现。
(图片来自网络,图3)
**************EMD**************
部分内容参考网络,本文只限于学习交流请勿它用
***********************************
领取专属 10元无门槛券
私享最新 技术干货