基于基于jQuery滑动杆实现购买日期选择效果滑动杆实现购买日期选择效果
是一款基于jQuery的滑动杆购买日期选择插件，它的外观仿的是阿里云的服务器购买日期选择界面。这款jQuery
插件非常适合在一些虚拟产品购买页面上使用，它可以帮助你的用户快速选择产品的购买日期，感兴趣的朋友
跟着小编学习吧
这是一款基于jQuery的滑动杆购买日期选择插件，它的外观仿的是阿里云的服务器购买日期选择界面。这款jQuery插件非常适
合在一些虚拟产品购买页面上使用，它可以帮助你的用户快速选择产品的购买日期，十分方便。效果图如下：
在线预览在线预览 源码下载源码下载
html代码：
<center>
<div class="slider-date" id="slider-date-">
<!--底层-->
<ul class="slider-bg clearfix">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li>年</li>
<li>年</li>
<li>年</li>
</ul>
<!--互动层-->
<div class="slider-bar">
<ul class="slider-bg clearfix">
<li><span>个月</span></li>
<li><span>个月</span></li>
<li><span>个月</span></li>
<li><span>个月</span></li>
<li><span>个月</span></li>
<li><span>个月</span></li>
<li><span>个月</span></li>
<li><span>个月</span></li>
<li><span>个月</span></li>
<li>年<span>年</span></li>
<li>年<span>年</span></li>
<li>年<span>年</span></li>
</ul>
<!--滑块按钮-->
<a href="javascript:;" class="slider-bar-btn"><i></i><i></i></a>
</div>
</div>
<br />
<br />
<div class="slider-date" id="slider-date-">
<!--底层-->
<ul class="slider-bg clearfix">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li>年</li>
<li>年</li>
<li>年</li>
</ul>
<!--互动层-->
<div class="slider-bar">
<ul class="slider-bg clearfix">
<li><span>个月</span></li>
<li><span>个月</span></li>
<li><span>个月</span></li>
<li><span>个月</span></li>
<li><span>个月</span></li>
下载后可阅读完整内容，剩余3页未读，立即下载
weixin_38548717
- 粉丝: 5
- 资源: 958
我的内容管理
展开
最新资源
- C++标准程序库：权威指南
- Java解惑：奇数判断误区与改进方法
- C++编程必读：20种设计模式详解与实战
- LM3S8962微控制器数据手册
- 51单片机C语言实战教程：从入门到精通
- Spring3.0权威指南：JavaEE6实战
- Win32多线程程序设计详解
- Lucene2.9.1开发全攻略：从环境配置到索引创建
- 内存虚拟硬盘技术：提升电脑速度的秘密武器
- Java操作数据库：保存与显示图片到数据库及页面
- ISO14001：2004环境管理体系要求详解
- ShopExV4.8二次开发详解
- 企业形象与产品推广一站式网站建设技术方案揭秘
- Shopex二次开发：触发器与控制器重定向技术详解
- FPGA开发实战指南：创新设计与进阶技巧
- ShopExV4.8二次开发入门：解决升级问题与功能扩展
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
