java文字淡入淡出显示特效,jQuery超酷文字淡入淡出显示特效
reveal-it.js是一款jQuery文字淡入淡出显示特效插件。该文字特效插件可以使文字从左向右淡入淡出显示。
使用方法
首先要在页面中引入jquery和reveal-it.js和reveal-it.css文件:
该jquery文字特效共有4种使用方法。
页面加载时立刻显示淡入淡出文字特效
Box 1: Reveal Immediately
Lorem ipsum dolor sit amet, ne mel vero impetus voluptatibus
jQuery(function () {
//Box 1: reveal immediately - on page load
//NOTE: id does refer to an element id, It is used to
// uniquely refer to the element to be revealed.
var options1 = {
id: 'box1'
};
$('.box1').initReveal(options1);
});
在指定延时时间后显示淡入淡出文字特效
Box 2: Reveals after 3000ms delay
Lorem ipsum dolor sit amet, ne mel vero impetus voluptatibus
var options2 = {
id: 'box2'
, delay: 3000
, background: '#555'
};
$('.box2').initReveal(options2);
指定事件(如点击事件)来显示淡入淡出文字特效
Box 3: Reveal on click event
Lorem ipsum dolor sit amet, ne mel vero impetus voluptatibus
Reveal!
var options3 = {
id: 'box3'
, auto: false
};
var box3 = $('.box3');
box3.initReveal(options3);
$('.btn-reveal').on('click', function () {
box3.performReveal(options3);
});
当元素滚动进入视口时显示淡入淡出文字特效
Box 4: Reveal when element scrolls into the viewport
Lorem ipsum dolor sit amet, ne mel vero impetus voluptatibus
var options4 = {
id: 'box4'
, auto: false
, trigger: 'on-visible'
};
$('.box4').initReveal(options4);
java文字淡入淡出显示特效,jQuery超酷文字淡入淡出显示特效相关推荐
- html文字自动上翻,jQuery超酷文字随机翻转变换动画特效
Flapper是一款效果非常酷的文字随机翻转变换动画jQuery特效.它的效果类似于机场或车站显示航班或车次的文字变换效果,每个文字都随机变换几次,然后才显示某个设定好的文字. 该文字特效可以显示文字 ...
- html5给页面添加树叶特效,jQuery超酷页面树叶飘落装饰特效插件
这是一款效果非常炫酷的页面树叶飘落装饰特效jQuery插件.该jQuery插件可以在页面顶部生成各种树叶,这些树叶会随机飘落,在树叶飘落的过程中,使用鼠标点击它将会发生更加神奇的效果. 该jQuery ...
- html5立体照片墙效果,HTML5特效可以 14种jQuery超酷3D网格照片墙动画特效源码
效果图 各位长友大家好, 今天 给大家带来的是14种jQuery超酷3D网格照片墙动画特效源码! 大家可以按照自己的意愿做成 个人喜欢的样子! 想要文件版源码的,请加穷581549454 废话不多说. ...
- html5立体照片墙效果,jQuery超酷3D网格照片墙动画特效 -HTML5功能
作为网格容器,和一个按钮来触发动画效果. Animate CSS样式 在网格容器上设置了固定的宽度和高度,为了制作3D效果,还设置了perspective: 500px;.每一张图片也设置了固定的宽度 ...
- 分享一个HTML5画布实现的超酷文字弹跳球效果
日期:2012/03/05 在线演示 本地下载 今天我们分享一个来自于html5canvastutorials的超酷弹跳球效果,这里我们使用纯HTML5的画布来实现动画及其图形.整个效果使用小球来组 ...
- php中加载图片淡入淡出,jQuery实现滚动图片淡入淡出功能
这次给大家带来jQuery实现滚动图片淡入淡出功能,jQuery实现滚动图片淡入淡出的注意事项有哪些,下面就是实战案例,一起来看一下. 下面是上下滚动源码 向上滚动代码带上下翻按钮滚动特效 body{ ...
- jQuery效果:隐藏、显示、切换、滑动、淡入淡出、动画
jQuery效果 隐藏.显示.切换.滑动.淡入淡出.以及动画1.隐藏与显示(改变:display:none;) hide()--隐藏 show()--显示toggle()方法:可以使用它来切换hide ...
- 分享超酷的添加图片悬浮特效jQuery插件 - Adipoli
日期:2012/03/08 在线演示 本地下载 今天分享一个帮助你添加图片悬浮特效的jQuery插件 - Adipoli,这个插件可以帮助你添加各种不同的悬浮特效到你指定的图片上,特别适合制作你的相 ...
- html5圆形图片轮播,jQuery超酷响应式圆形图片轮播图特效
mislider是一款效果非常酷的jQuery响应式圆形图片轮播图特效插件.该轮播图特效可以将图片以圆形图片显示,然后使图片无限循环形成轮播图或旋转木马特效.该轮播图插件的特点有: 使用简单 在同一个 ...
- 代码简洁的上方滑动门(选项卡tab)jquery插件可重复使用,淡入淡出效果(用)
代码简洁的滑动门(tab)jquery插件调用方法:"#tabs",".tab_con" 这里的#tabs是jquery选项卡的链接按钮的外层ID,.tab_c ...
最新文章
- 前缀和(字串查询 Astar 2018 10002)
- POJ - 3254 - Corn Fields
- 地方高考信息管理系统方案
- 外国人居留证申请程序
- 禁止php 报错怎么做,php – 禁用Laravel错误处理程序
- 飞机大战-控制玩家飞机左右移动
- 针对移动互联网应用的网络建设和优化
- centos7 源码安装goaccess
- 关于datagrid
- 博图组态显示未分配的设备_S71200CPU做IO共享设备的配置方法【图文】
- js 连mysql 延后_详解MySQL 主从同步延迟
- (四)洞悉linux下的Netfilteramp;iptables:包过滤子系统iptable_filter
- SQL 生成一个日期范围
- 【visio】visio软件安装
- tlwn726n无线网卡Linux驱动,tl-wn726n网卡驱动win10-tl-wn726n无线网卡驱动下载 v1.0官方免费版--pc6下载站...
- 质量管理:PDCA循环
- 炜煌T3POS58微打参数设置方法
- 联发科mt8516价格_联发科MT8516销量破两亿:揭秘背后的故事
- Excel 经纬度互相转换
- HTML学习的一些笔记