- 资源介绍
很多网站在改版后,当我们第一次打开的时候,会出现这样一个效果:背景灰暗透明,各个主要按钮上均有说明指示效果
今天特意给大家介绍这个插件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方法即可。
文章来自WE7资源网bbs.bfwv.cn转载请保留本链接,谢谢!
猜你喜欢
-
jQuery正方反方辩论投票动画特效
2020-06-20 -
jQuery带图片切换效果的音乐播放器代码
2020-06-20 -
功能强大的jQuery颜色拾取器插件
2020-06-20 -
jQuery+CSS3网页文章支持点赞取消点赞功能代码
2020-06-20 -
jQuery+Bootstrap手机端支付宝金额充值表单页面代码
2020-06-20 -
jQuery基于superslide鱼骨样式时间轴滚动代码
2020-06-20 -
jQuery Select下拉框关键字匹配查询选择代码
2020-06-20 -
jQuery+css3橙汁汽泡动画特效
2020-06-20 -
jQuery+HTML5仿信用卡电子签名特效
2020-06-20 -
jQuery.flipster——简单好用的立体式banner切换插件
2020-06-20
-
jQuery可任意拖拽网页便签插件color-sticker
2020-06-20 -
jQuery+CSS3苹果产品介绍自动切换展示动画特效
2020-06-20 -
jQuery响应式左右全屏图片轮播插件
2020-06-20 -
京东商城详细页产品图片列表以及放大镜效果
2020-06-20 -
jQuery仿手机通讯录首字母查找联系人代码
2020-06-20 -
jQuery右侧悬浮返回顶部和分享按钮代码
2020-06-20 -
支持单选多选全选的jQuery房屋楼层选择代码
2020-06-20 -
jquery实现图片实时切换显示方式的特效
2020-06-20 -
jQuery移动端音频语音自动播放代码
2020-06-20 -
QPlayer左下角悬浮多功能mp3音乐播放器插件
2020-06-20
猜你在找
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
源码库 » 适合网站新改版后引导指示说明插件–tinytools.t