现在很多网站不仅是介绍，更多的是有一些功能，怎么样让客户快速的知道网站有哪些功能呢？这里页，面，张，版演练。射流研究…插件能帮我们实现，它是一个轻量级的jQuery插件，它可以帮助我们创建一个遮罩引导层，实现页面功能引导功能，引导完成显示页面内容。

超文本标记语言代码：

div id='演练-内容div id='演练-1' h3欢迎来到网页引导示例演示演示页/h3 p页面功能介绍引导页的效果是通过一款叫做a href=' https://github。com/jwa rby/jquery-page演练target=' _ blank演练。js/a的jQuery插件实现的p/p点击下一步了解更多./p /div div id='演练-2 '这里是网站LOGO，点击这里可以直通网站首页/div div id='演练-3 '点击这里可以直接看插件的使用教程/div div id='演练-4 '点击这里去下载源码，免费的哦/div div id='演练-5 '这是页脚和版权信息/div/divjs。文件和代码：

脚本类型=' text/JAVAScript ' src=' http : jquery。量滴js '/script脚本类型=' text/JavaScript ' src=' http : jquery。页，面，张，版演练。量滴js '/script script $(function(){//setup tour $(“body”).页面漫游({ name: '简介，step s :[{ popup : { content : ' # walk-1 '，type: 'modal' } }，{wrapper: '#logo '，popup : { content : ' # walk-2 '，type: 'tooltip '，position: 'bottom'}，{ wrapper: ' h2.top _ title a '，popup : { page显示游览$(“正文”).页面漫游(“显示”)；});/scriptcss文件：

链接rel='样式表href=' css/jquery。页，面，张，版演练。CSS '！-[如果lt IE 9]脚本src=' http : html 5。js /脚本！[endif] -样式类型="文本/CSS ".演示{text-align:center} .按钮{ display : inline-block；大纲：无；光标：指针；文本对齐：中心；文本装饰：无；font: 22px/100% '微软雅黑Helvetica阿里亚尔，无衬线；划水：5 em 2 em。55 emtext-shadow: 0 1px 1px rgba(0，0，0，3);-网络套件-边界-半径：5个em；-蚊子-边界半径：5个em；边界半径：5个em；-web套件-box-shadow : 0 1px 2px rgba(0，0，0，2);-moz-box-shadow : 0 1px 2px rgba(0，0，0，2);box-shadow: 0 1px 2px rgba(0，0，0，2);} .按钮：悬停{ text-decoration : none} .按钮：激活{位置：相对；top: 1px}/*绿色*/。绿色{ color: # e8f0deborder:固体1px # 538312背景技术# 64991后台：-网络套件-渐变（线性，左上，左下，从(#7db72f)到(# 4e7d 0e))；背景：-moz-线性梯度(顶部、#7db72f、# 4e7d 0e)；过滤器： progid : maximagettransform .微软。渐变(startcolorst=' # 7db 72f '，endcolorst=' # 4e7d 0e ')；} .绿色：悬停{背景： # 538018；背景：-网络套件-渐变（线性，左上，左下，从(#6b9d28)到(# 436 b0c))；背景：-moz-线性梯度（顶部、#6b9d28、# 436 b0c)；过滤器： progid : maximagettransform .微软。渐变(startColorstr=' # 6b 9d 28 '，endColorstr=' # 436 b0c ')；color : # fff }。绿色：活动{ color : # a9c 08c背景：-网络套件-渐变（线性，左上，左下，从(#4e7d0e)到(# 7db 72f))；背景：-moz-线性梯度(顶部、#4e7d0e、# 7db 72f)；过滤器： progid : maximagettransform .微软。渐变(StartColorStr=' # 4e7d 0e '，EndColorStr=' # 7db 72f ')；} #漫游-内容{ display:none } #漫游-内容h3 { height:30px线条-高度高度：30px } #漫游-内容p {线条-高度：28 px }/样式以上所述就是本文的全部内容了，希望大家能够喜欢。