京东自营 + 国补 iPhone 历史最低价          国家补贴 享8折

js实现导航上下翻滚效果

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

下载方法:
1、请用微信扫描下方二维码关注时代Java公众号,或者微信搜索时代JavaNowJava关注。
    (如已经关注,请直接发送编号)
2、在时代Java公众号里发送编号:5851
5851
3、发送后,将立刻收到 “验证码已经接收成功” 的回复,即可选择线路下载:
通用网络下载移动网络下载电信网络下载

本文系作者在时代Java发表,未经许可,不得转载。

如有侵权,请联系nowjava@qq.com删除。

编辑于

关注时代Java

关注时代Java