零基础建站培训介绍

当前位置:

网页载入动画制作方法

1、导航的固定:.navbar-fixed-top

2、导航的锚链接:在链接地址上写上区块的ID名

3、导航的平滑滚动:

单页面导航插件下载:jquery.singlePageNav.min.js (2.49 KB, 下载次数: 920) 

使用方法:


$(function(){
/*导航跳转效果插件*/
$('.nav').singlePageNav({ });
})

offset:向上偏移量

4、手机导航的自动收缩


/*小屏幕导航点击关闭菜单*/
$('.navbar-collapse a').click(function(){
$('.navbar-collapse').collapse('hide');
});

5、载入动画功能:

第一步:引入动画插件必需的二个文件:wow.min.js和animate.css
第二步:加载javascript方法:new WOW().init();
第三步:使用对象添加 class="wow animate名" 这样的类
第四步:选择自己需要的动画效果。地址:http://daneden.github.io/animate.css/

可用属性:

data-wow-duration(动画持续时间)data-wow-duration="2s"
data-wow-delay(动画延迟时间) data-wow-delay="5s"
data-wow-offset(偏移量)data-wow-offset="10" 距离可视区域多远开始执行动画
data-wow-iteration="10"(重复次数) data-wow-iteration="10"

上一课: 下一课:

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 现在的网络与电子发展飞快,如今的移动网络终端设备的类型和尺寸已经高达300多种,现在很多企业建站,不像以前光制作一个PC端的网站就能指引用户。现
  • 合肥美德彼冷餐宴会细致、专注、专一提供高端冷餐会、茶歇、烧烤、自助餐、酒会、庆典活动、组织演出等一条龙服务,并与优越的设计团队和完善的服务赢
  • 合肥做网站需要多少钱 (12603 次学习)
    现在我来给大家简要分析下合肥做网站特别低要多少钱:一、硬性成本。网站主要分为三块:域名、服务器、网站设计制作。域名注册、服务器这两块是硬性
  • 用DW的确可以做网页,但那必竟是一种工具。用那工具所做的每一个动作,它都会自动生成HTML代码的,所以你用那工作做的时候只要你熟悉,是不必输入任意
  • 一、SEO新手该从哪些方面入手去学习如今,越来越多的公司开始重视网络营销,也从另一面催生了SEO这个职业,并且希望从事该职业的人也很多,那么,作
  • 在合肥请人做网站SEO不算贵,我公司也是做这个的,价钱方面找私人肯定比找公司便宜,看你怎么选罢了。特别好还是自己找个员工专门做这个,如果是长久
  • 没有建网站也可以购买注册域名的,你自己都可以购买注册域名的!你可以自己先查查你想要注册的域名是否已经被注册了。(网上一搜注册域名的地方,有
  • SEO推广优化还有搞头吗?前景怎么样?未来SEO推广优化该怎么做?我觉得有必要写一篇文章与大家共勉,转眼间2016年已经过去了,2017年正在迎面扑来,我相
  • 大学生做网站创业分享 (12657 次学习)
    周鑫只有20岁,但他创业有三个年头了。“高三我出国时,寄宿家庭的男主人是从事电脑辐射产品研究的,听说他打算拓展中国电脑辐射仪市场,我就上心了。”
  • WordPress下的默认排序是按照发布时间排序,但有时候,如果按修改时间排序来的比较合理,特别是有一些资料代码需要更改修正的时候。下面,就说说已首