html5引导用户提示,利用jquery实现页面引导提示用户操作

特效描述：利用jquery实现 页面引导 提示用户操作。利用jquery实现页面引导提示用户操作

代码结构

1. 引入CSS

2. 引入JS

3. HTML代码

*{margin:0;padding:0;list-style-type:none;}

a,img{border:0;}

body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";background:url(images/paper.jpg);}

#guide-step{width:952px;height:1106px;overflow:hidden;margin:0px auto;background:url(images/23458867.png) no-repeat;position:relative;}

/* tipbar */

.tipSwitch,.tipbox,.tipword,.progress li,.tipbar .arrow,.tipBarword{background:url(images/guidebg.png) no-repeat;}

#searchTip{overflow:hidden;}

.tipbox{width:290px;position:relative;height:190px;display:none;background-position:0 0;}

.tipbox .tipboxBtn{position:absolute;display:inline-block;width:25px;height:25px;left:236px;top:36px;cursor:pointer;}

.tipboxNextbtn{position:absolute;display:inline-block;width:82px;height:28px;left:159px;to