<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--[if lte IE 9]>
<link type="text/css" href="css/bootstrap.zpwd_y.css" rel="stylesheet">
<![endif]-->
<!--[if !IE]> -->
<link type="text/css" href="css/bootstrap.min.css" rel="stylesheet">
<!-- <![endif]-->
<link type="text/css" href="css/basics.css" rel="stylesheet">
<link type="text/css" href="css/zxyy.css" rel="stylesheet">
</head>
<body>
<div style="height:50px;"></div>
<div class="lsbj_main">
<table width="500" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>如何滑动:鼠标左键单击绿色按钮,鼠标匀速平移,移到确定位置时可以再次单击左键。</td>
</tr>
<tr>
<td style="position:relative;"><img id="fwmj_zhou" style="position:relative;left:14px;z-index:2;cursor:pointer;" src="img/zxyy_lsbj_fwmj.png">
<div id="fwmj_zhou_bg" style="width:0px;height:5px;position:absolute;top:25px;left:14px;z-index:1;margin-right:1px;border-radius:5px;background:#3ac174;"> </div>
<div style="width:369px;height:5px;position:absolute;top:25px;left:14px;z-index:0;border-radius:5px;background:#c3c1c2;"> </div>
<img id="fwmj_dian" style="position:absolute;top:15px;left:2px;z-index:3;" src="img/zxyy_lsbj_fwmj_but.png">
<div id="fjmj_num" style="position:absolute;top:-20px;left:-45px;z-index:3; display:none; width:120px; height:36px; text-align:center; line-height:36px; background:url(img/fjmj_num_bg.png) no-repeat center center;" >50~80平米</div></td>
</tr>
</table>
</div>
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/zxyy.js"></script>
</body>
</html>
滑动轴 - 2种滑动效果
需积分: 11 135 浏览量
2015-12-16
17:29:58
上传
评论 1
收藏 87KB RAR 举报
fly_cool
- 粉丝: 18
- 资源: 166