js实现导航上下翻滚效果

作者 : 小刺猬 本文共350个字,预计阅读时间需要1分钟 发布时间: 2020-07-28 共77人阅读

js实现导航上下翻滚效果

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

已有0人支付


刺猬源码 » js实现导航上下翻滚效果

刺猬QQ交流群号多少?
363432

发表评论