js实现导航上下翻滚效果
鼠标移动到导航文字上,背景图片从上往下,呈现翻滚效果;
一、理解特效导航栏:首先打开范例文件,观察特效导航栏的效果,看看实现这个特效的HTML代码是那一段。然后查看原文件夹中相关文件是否存在如:在JS文件夹中找脚本文件(也许是内嵌的),在CSS文件夹中找一下样式表(也许是内嵌的),在IMAGES文件中看一下用了那些图像文件。
二、移植特效导航栏:如果想把一个好的特效导航栏用于自己的网页,移植的时候你要考虑这几个方面:⒈首先将该特效用到的文件复制到自己的站点文件夹相应的位置中(脚本/样式表/图像)。⒉将HTML代码段复制到自己的页面中⒊添加对应的样式代码⒋添加对应的脚本代码。总的来说分为二部分一是移文件,二是移代码。
在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载
一、理解特效导航栏:首先打开范例文件,观察特效导航栏的效果,看看实现这个特效的HTML代码是那一段。然后查看原文件夹中相关文件是否存在如:在JS文件夹中找脚本文件(也许是内嵌的),在CSS文件夹中找一下样式表(也许是内嵌的),在IMAGES文件中看一下用了那些图像文件。
二、移植特效导航栏:如果想把一个好的特效导航栏用于自己的网页,移植的时候你要考虑这几个方面:⒈首先将该特效用到的文件复制到自己的站点文件夹相应的位置中(脚本/样式表/图像)。⒉将HTML代码段复制到自己的页面中⒊添加对应的样式代码⒋添加对应的脚本代码。总的来说分为二部分一是移文件,二是移代码。
在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载
本站所有文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。
如果侵犯了你的权益请来信告知我们删除。邮箱:737597453@qq.com


