鼠标移动到导航文字上,背景图片从上往下,呈现翻滚效果;
一、理解
特效导航栏:首先打开范例文件,观察
特效导航栏的效果,看看实现这个
特效的HTML
代码是那一段。然后查看原文件夹中相关文件是否存在如:在JS文件夹中找脚本文件(也许是内嵌的),在CSS文件夹中找一下样式表(也许是内嵌的),在IMAGES文件中看一下用了那些图像文件。
二、移植
特效导航栏:如果想把一个好的
特效导航栏用于自己的网页,移植的时候你要考虑这几个方面:⒈首先将该
特效用到的文件复制到自己的站点文件夹相应的位置中(脚本/样式表/图像)。⒉将HTML
代码段复制到自己的页面中⒊添加对应的样式
代码⒋添加对应的脚本
代码。总的来说分为二部分一是移文件,二是移
代码。