适合网站新改版后引导指示说明插件–tinytools.t

适合网站新改版后引导指示说明插件–tinytools.t插图

很多网站改版,当我们第一次打开的时候,会出现这样一个效果:背景灰暗透明,各个主要按钮上均有说明指示效果

今天特意给大家介绍这个插件tinytools.tourtip,很适合做这样子的效果

使用方法:

1、在你的网页head中引入

 

/ *附加的Tourtip CSS文件* /

<link rel=" stylesheet" type="text/css" href="css/tinytools.tourtip.min.css">

/ * jQuery的需要连接* /

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

/ *然连接TourTip插件* /

<script src="tinytools.tourtip.min.js"></script>

 

2、给每一个需要特殊说明的按钮增加一个唯一的id。例如,假设你有标识为TourElement1的div元素。把下面的代码在你的文档的ready事件来创建一个引导布局所提到的div元素:

<script>

    $(document).ready(function () {

        $("#TourElement1").tourTip({

            title: "Tour Title",

            description: "This is a description for the newly born TourTip :)",

            previous: true,

            position: 'right'

        });

    });

</script>

3、至此即可搞定。如果你看到页面上没有TourTip,只需调用start public方法即可。
文章来自分享者资源https://52sharew.cn转载请保留本链接,谢谢!

免责声明:本资源来源于互联网,安全性未知,使用前请自行甄别;本资源来源于互联网,如有侵权请及时联系我们,我们将在72小时内删除侵权内容;本资源存储在云盘,如发现链接失效,请 点此反馈 我们会第一时间更新。
吾爱分享者资源 » 适合网站新改版后引导指示说明插件–tinytools.t

发表评论