前端实现app引导页⾯动画效果
插件描述:jQuery引导插件TourTip 交互式可视化指南⽹页上的元素。
使⽤⽅法
步骤1:
将以下标记添加到您的⽂档的<head>
源码编程猫器手机版你还需要复制旁边插件的css⽂件夹和下载的IMG⽂件夹。你就会有你需要启动⼀个引导⽹页的⼀切。
/ *附加的Tourtip CSS⽂件* /
<link rel=" stylesheet" type="text/css" href="urtip.min.css">
/ * jQuery的需要连接* /
<script src="//leapis/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
/ *然后连接TourTip插件* /
<script src="urtip.min.js"></script>
步骤2:
准备布局引导元素
有没有必要有任何容器为每个漫游单元。你只需要介绍你的页⾯上的引导元素,插件,并设置必要的选项。例如,假设你有标识为TourElement1的div元素。把下⾯的代码在你的⽂档的ready事件来创建⼀个引导布局所提到的div元素:
<script>
$(document).ready(function () {
$("#TourElement1").tourTip({
prompt ai作画title: "Tour Title",
description: "This is a description for the newly born TourTip :)",
previous: true,
position: 'right'
});
});
</script>
你可以游览布局不绑定到任何预定义的元素;在这种情况下,仅仅通过直接调⽤的tourtip创造公共⽅法创建引导元:
release是什么意思啊<script>
$(document).ready(function () {
$.ate({
title: "Tour Title",
matlab出现licensemanagererror8description: "This is a description for the newly born TourTip :)",
previous: true,
position: 'right'
});
});
</script>
第3步:
启动发动机
⾄此,你会看到你的页⾯上没有TourTip 。只需调⽤start public⽅法来启动巡演引擎:
<script>
jquery下载文件插件$(document).ready(function () {
$.tourTip.start();
});
important的用法总结
</script>
或者,你可以通过设置来启动⽅法。在start⽅法中的设置将应⽤到所有的引导布局⼀次。您另⾏申请各引导布局的设置,将覆盖常规设置。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论