jquery手机端带农历的万年历插件

简要教程

这是一款使用jquery结合swiper.js来制作的手机端带农历的万年历插件。该万年历类似百度的万年历，带有农历日期。用户可以通过类似iphone的滚轮来选择不同的的日期。

使用方法：

在页面中引入common.css、index.css和swiper-3.3.1.min.css样式文件，以及jquery、swiper-3.3.1.min.js、common.js文件。

下面是该手机端带农历的万年历插件的一些效果截图。

演示下载地址：http://www.datouwang.com/jiaoben/726.html

时间： 2024-10-12 08:09:34

jquery手机端带农历的万年历插件的相关文章

jQuery手机端触摸卡片切换效果

效果:http://hovertree.com/code/run/jquery/a1gr3gm9.html 可以用手机查看效果. 代码如下: 1 <!doctype html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=ed

jQuery手机端上拉刷新下拉加载更多页面

<!doctype html> <html> <head> <title>jquery 手机端上拉刷新下拉加载更多页面</title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <meta name="viewpost" content="width=device-wi

需要引入exif.js,矫正iphone拍摄图片方向 function readImage(file) { if (!/image\/\w+/.test(file.type)) {alert("上传图片格式不支持"); return false; } var Orientation = null; // var URL = URL || webkitURL; //获取照片方向角属性,用户旋转控制 EXIF.getData(file, function () { // alert(EXI

用jQuery.touchSwipe插件实现手机端场景滑动切换效果

使用jQuery的touchSwipe插件监听触摸滑动事件,结合css3实现手机端场景滑动切换效果.最好在手机端测试代码,也可以在PC端用鼠标点击模拟滑动. 1.html代码: <div class="container"> <div class="page page0 page_current"> <h1>你好,我是0号屏幕,第一屏,鼠标单击向下/向上拖动</h1> </div> <div clas

自己动手丰衣足食，h5手机端jquery弹窗插件（事件冒泡、单例模式、遮盖部分禁止默认滚动）

感谢浏览,欢迎交流=.= 公司开发微信网页多处需要使用弹窗,使用jquery-ui的定制化下载仍需要150多kb,想来有些奢侈(最终下来只有11kb,压缩后2kb,啊,我的神), 手机端弹窗方式与pc端有些不同,而且手机上有一个弹窗出来滚动跟父页面滚动相互影响的问题, 于是决定写一个插件,专门对付手机网页的弹窗. 弹窗的mask和dialog两部分都做成了position=fixed,比较喜欢这种效果,并且屏蔽了被遮住部分的滚动. 几处认为需要留意的知识点或困难点: 1.事件冒泡: e.prev

手机端图片轮播插件

官网:http://bxslider.com/ 能自动适应屏幕大小,滑动图片引用文件:query.bxslider.css和jquery.bxslider.min.js 手机端图片轮播插件

megapix-image插件使用Canvas压缩图片上传解决手机端图片上传功能的问题

最近在弄微信端的公众号.订阅号的相关功能,发现原本网页上用的uploadify图片上传功能到手机端有的手机类型上就不能用了,比如iphone,至于为啥我想应该不用多说了吧(uploadify使用flash实现上传的): 经过研究找到了一个手机端比较相对比较好用的插件实现图片上传,那就是megapix-image插件,比uploadify还是好用多了,下面就来上实例吧: html页面: <html> <body> <input type="file" cap

mint ui datetimepicker 手机端jquery datetimepicker 总结应用

对于手机端datetimepicker的使用在使用minit ui 的datatimepicker的使用方法首先它需要两个触发器这里因为项目用到的是开始到结束的时间我就点击的时候手动传入了一个参数 <input id='start' type="text" class='form-control input-sm' readonly="" name='start' @click='openPicker("start")' v-mod

jQuery，zepto手机端用on将子元素事件委托给body或document无效

jQuery,zepto手机端用on将子元素事件委托给body或document无效在移动端,绑定在普通的div元素上是可以的,但是绑定在body上无效,document也是无效. <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=d