文章转载自 科e互联 http://www.internetke.com/
原文链接:http://www.internetke.com/effects/css3/2015/0120/1222.html
效果截图:
效果预览:http://www.internetke.com/jsEffects/2015012009/
特效说明:
jQuery手机移动端触屏日历日期选择网页特效免费下载,该特效代码是一款依赖于iScroll滑动组件,样式不附加任何图片,日期精确到了小时和分钟,能自动定位到当前系统时间。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器)
使用方法:
1、调用CSS样式:
<link href="css/common.css" rel="stylesheet" type="text/css" />
2、调用JS插件代码:
<script type="text/javascript" src="js/jquery-1.9.1.js" ></script>
<script type="text/javascript" src="js/date.js" ></script>
<script type="text/javascript" src="js/iscroll.js" ></script>
3、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
<link href="css/common.css" rel="stylesheet" type="text/css" />
2、调用JS插件代码:
<script type="text/javascript" src="js/jquery-1.9.1.js" ></script>
<script type="text/javascript" src="js/date.js" ></script>
<script type="text/javascript" src="js/iscroll.js" ></script>
3、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。