web299.com
全部
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
首页
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
当前位置：
首页
>
网页特效
>
动画效果
t-scroll.js基于ES6的DOM元素,过渡动画库插件
分类：
动画效果
日期：
2024-05-14
点击(38)
评论(0)
演 示
免费下载
简介
#### 使用方法 ------------ 1. 在头部引入css文件 ```html <link type="text/css" rel="stylesheet" href="./public/theme/css/t-scroll.min.css"> ``` 2.页面底部放置t-scroll.min.js文件 ```html <script type="text/javascript" src="./public/theme/js/t-scroll.min.js"></script> ``` 3.写入html ```html <div class="zoomIn">"..."</div> <div class="zoomIn">"..."</div> ``` 4. 如果需要setTimeout，则需要插入容器属性data-t-show="…" ```html <div class="zoomIn" data-t-show="1">"..."</div> <div class="zoomIn" data-t-show="2">"..."</div> ``` 5. 或者你想要数据-显示运行看到第一个屏幕。你必须添加 t-animated ```html <div class="box-center"> <div class="zoomIn t-animated" data-t-show="1"> ... </div> <div class="zoomIn t-animated" data-t-show="2"> ... </div> </div> ``` #### 初始化插件 ------------ <script type="text/javascript"> Tu.tScroll({ 't-element': '.zoomIn' }) </script>
相关推荐
html5浪漫粒子表白文字特效
SlidesJS幻灯片特效
html5瀑布流相册特效
css3 svg实现的情人节表白鲜花动画特效
t-scroll.js基于ES6的DOM元素,过渡动画库插件
纯js写省市区三级联动效果
广告
广告
