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

很多网站在改版后，当我们第一次打开的时候，会出现这样一个效果：背景灰暗透明，各个主要按钮上均有说明指示效果今天特意给大家介绍这个插件tinytools.tourtip，很适合做这样子的效果使用方法：1、在你的网页head中引入&nbsp;/*附加的TourtipCSS文件*/<linkrel=&quot;stylesheet&quot;type=&quot;text/css&quot;href=&quot;css/tinytools.tourtip.min.css&quot;>/*jQuery的需要连接*/<scriptsrc=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js&quot;></script>/*然后连接TourTip插件*/<scriptsrc=&quot;tinytools.tourtip.min.js&quot;></script>&nbsp;2、给每一个需要特殊说明的按钮增加一个唯一的id。例如，假设你有标识为TourElement1的div元素。把下面的代码在你的文档的ready事件来创建一个引导布局所提到的div元素：<script>&nbsp;&nbsp;$(document).ready(function(){&nbsp;&nbsp;&nbsp;&nbsp;$(&quot;#TourElement1&quot;).tourTip({&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title:&quot;TourTitle&quot;,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;description:&quot;ThisisadescriptionforthenewlybornTourTip:)&quot;,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;previous:true,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;position:&#39;right&#39;&nbsp;&nbsp;&nbsp;&nbsp;});&nbsp;&nbsp;});</script>3、至此即可搞定。如果你看到页面上没有TourTip，只需调用startpublic方法即可。

下载

2023-11-22 21:50 上传

点击文件名下载附件
售价: 2 金币  [记录]  [购买]