基于 jQuery支持移动触摸设备的Lightbox插件

Swipebox是一款支持桌面.移动触摸手机和平板电脑的jquery Lightbox插件.该lightbox插件支持手机的触摸手势,支持桌面电脑的键盘导航,并且支持视频的播放. 在线预览源码下载简要教程 Swipebox是一款支持桌面.移动触摸手机和平板电脑的jQuery Lightbox插件.Swipebox的特点有: 支持手机的触摸手势支持桌面电脑的键盘导航通过jQuery回调提提供CSS过渡效果 Retina支持UI图标 CSS样式容易定制使用方法首先在<body>标签…

支持移动触摸设备的简洁js幻灯片插件

lory是一款支持移动触摸设备的简洁的js幻灯片插件.该幻灯片插件可以通过纯js调用,也可以将该幻灯片插件作为jQuery插件来使用.该幻灯片的过渡动画具有硬件加速功能,并且可以定制是否使用easing效果.以下列出该幻灯片的一些特点: 在线预览源码下载支持移动触摸设备. 简单,界面整洁,纯js调用. 可以作为jQuery插件来使用. 过渡效果支持硬件加速. 可定制easing效果. 可无限循环,制作为旋转木马. 丰富的回调函数. HTML结构该幻灯片使用的HTML结构是固定格式的,参…

Dropdown.js基于jQuery开发的轻量级下拉框插件

Dropdown.js 前言在SPA(Single Page Application)盛行的时代,jQuery插件的轮子正在减少,由于我厂有需求而开发了这个插件.如果觉得本文对您有帮助,请给个赞,以表对我的鼓励和支持.(๑•ᴗ•๑)如果觉得有什么问题,可以到 Github 提Issue,欢迎大家提意见~ 介绍 Dropdown是面向PC端的基于jQuery开发的轻量级下拉框插件,支持key/value搜索,有token和select两种模式. 版本 1.0.0 支持 Internet Expl…

基于jQuery功能非常强大的图片裁剪插件

今天我们要来介绍一款基于jQuery功能非常强大的图片裁剪插件,这款jQuery图片裁剪插件可以选择裁剪框的尺寸比例,可以设置高宽尺寸,同时可以设置图片翻转角度,当然也支持图片的缩放,裁剪框也可以用鼠标拖动.效果图如下: 在线预览源码下载来看看实现的代码,这里我们主要来看JavaScript代码获取图片的Canvas画布: function getSourceCanvas(image, data) { var canvas = $('<canvas>')[0], context =…

基于jQuery的图片相册滑出放大插件

今天给大家带来一款基于jQuery的图片相册滑出放大插件.点击相册图片,展示该图片.该插件适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗..效果图如下: 在线预览源码下载实现的代码. html代码: <div class="menu"> <a href="index.html">演示1(默认)</a> <a class="cur" href…

基于jQuery的图片加载loading效果插件

基于jQuery的图片加载loading效果插件图片loading的效果是网页中比较常见的,尤其是对大图片,loading效果让用户能够明白图片加载的过程. 实现思路也是比较简单的: $.fn.LoadingImg = function() { return this.each(function() { var that = this; var src = $(this).attr("src2"); //获取当前的src2属性 var img = new Image(); //建立新…

[smartMenu.js] 一个基于jquery的实用的右键拓展菜单栏插件

正在为电子书阅读器添加精准易用的标记功能,其中一个方案是扩展阅读器界面的右键菜单栏,使得用户右键点击某个词.子句.段落的时候可以进行扩展操作. 右键菜单栏有很多基于jQuery的插件,其中灵活性比较强.易用.可扩展的一个是smartMenu.js(github有不少重名库,本插件来自:www.zhangxinxu.com) 用法: $(document.getElementById(id).contentWindow.document.body).find('.word').smartMenu(…

一款基于jQuery的图片分组切换焦点图插件

这是一款基于jQuery的图片切换焦点图插件,这款jQuery焦点图插件的特点是图片可以分组切换,也就是说一次可以切换多张图片,相比其他焦点图插件,它能节省更多的空间,可以向用户展示更多的图片,非常实用. 在线预览源码下载实现的代码. html代码: <div class="device"> <h2> <a href="javascript:;" class="pre">上一组</a><…

一款基于jQuery的图片下滑切换焦点图插件

之前为大家分享了好多款jquery插件,今天我们要分享的一款jQuery插件也比较实用,是一款jQuery焦点图插件.焦点图相当普通,一共可以循环播放4张图片,并且每一张图片在切换的时候都是向下滑动的切换效果,并且在向下切换时产生弹性的动画特效,另外,插件是基于jQuery的,各种浏览器的兼容性应该还不错. 在线预览源码下载下面是实现这款jQuery焦点图的过程和代码. HTML代码: <div class="slider-wrap col-width"> <…

基于jQuery/CSS3实现拼图效果的相册插件

今天我们要来分享一款很酷的jQuery相册插件,首先相册中的图片会以一定的角度倾斜放置在页面上,点击图片缩略图就可以展开图片,并且图片是由所有缩略图拼接而成,图片展开和收拢的动画效果也非常不错.当然图片倾斜需要CSS3支持. 在线预览源码下载实现的代码. <div id="im_wrapper" class="im_wrapper"> <div style="background-position:0px 0px;"&g…

基于jQuery的美食时间轴焦点图插件

这是一款非常炫酷的jQuery焦点图插件,这款jQuery焦点图的特点是有一个时间轴,点击切换按钮时,时间轴会逐渐移动,时间轴上的图片也会逐渐切换.另外,在图片上方也可以放置自定义样式的文字. 在线预览源码下载实现的代码. html代码: <div class="main_w"> <div class="index_zzw" id="index_zzw"> <div class="index_zzw…

基于jQuery的时间轴鼠标悬停动画插件

之前为大家分享了很多jquery插件,这次我们要来分享一款不太常见的jQuery插件,它是一个时间轴,时间轴上的每一个点在鼠标滑过时都可以显示该点的描述信息,并且鼠标滑过时都可以产生一定的动画特效,比如鼠标划过时圆圈的展开动画. 在线预览源码下载实现的代码. html代码: <div class="clearfix course_nr"> <ul class="course_nr2"> <li>1993 <div c…

一个基于jQuery的移动端条件选择查询插件(原创)

下载插件目前给出的下载是混淆了后的代码愿意一起探讨的可以找我要源码使用方式: var ConditionsChoose = $("#Screening").ConditionsChoose({ Json: { "Id": "Region", "Text": "区域", "List": [ { "Value": "不限", "Text…

支持移动触摸的jQuery图片Lightbox插件

简介这是一款支持移动触摸设备的简洁jQuery图片Lightbox插件.该LightBox插件可以在移动手机和桌面设备中运行,它具有响应式,预加载图片,键盘支持等特点,非常实用.它的特点还有: 响应式设计触控/触摸友好提供多项配置图像预加载支持 iOS / Android / Windows phone 使用 CSS3 过度效果,并回退兼容旧浏览器支持 jQuery 1.x 和 2.x 版本支持键盘控制在线演示及下载在线演示下载页面使用方法可以通过npm或bower来安装…

【转】Android-Input 触摸设备

https://source.android.com/devices/input/touch-devices 触摸设备 Android 支持各种触摸屏和触摸板,包括基于触控笔的数字化板. 触摸屏是与显示屏相关联的触摸设备,使用户能够在屏幕上直接操纵内容. 触摸板是不与显示屏相关联的触摸设备(如数字化板).触摸板通常用于指控或绝对间接定位或基于手势的界面控制. 触摸设备可能具有功能与鼠标按钮类似的按钮. 有时可以使用各种不同的工具(如手指或触控笔)操作触摸设备,具体取决于底层的触摸传感器技术. 触…

基于Jquery插件Uploadify实现实时显示进度条上传图片

网址:http://www.jb51.net/article/83811.htm 这篇文章主要介绍了基于Jquery插件Uploadify实现实时显示进度条上传图片的相关资料,感兴趣的小伙伴们可以参考一下先了解了解Uploadify,具体内容如下 Uploadify是一个简单易用的多文件上传方案.作为一个Jquery插件,Uploadify使用简单,并具有高度的定制性. Uploadify特性: Uploadify简单说来,是基于Jquery的一款文件上传插件.它的功能特色总结如下:…

《基于JQuery和CSS的特效整理》系列分享专栏

<基于JQuery和CSS的特效整理>已整理成PDF文档,点击可直接下载至本地查阅https://www.webfalse.com/read/201724.html 文章一款基于jQuery的颜色拾取器分享一款基于jQuery的QQ表情插件一款基于jQuery的图片水平滑动插件一款基于jquery超炫的图片切换特效一款基于jquery实现的鼠标单击出现水波特效一款基于jquery滑动后固定于顶部的导航一款基于javascript的3D玻璃破碎特效分享一款基于jQuery的视频播…

Touch Punch在移动设备上面增加jQuery UI的触摸支持|Jquery UI 支持移动端触摸滑动等

jQuery UI是我们前台开发常用的UI前端类库,但是目前的jQuery UI用户界面类库在互动和widget上并不支持touch事件.这意味着你在桌面上设计的优雅的UI可能在触摸设备,例如,ipad,iphone和 Android上并不能正常工作.因为jQuery UI监听的是mouseover,mousemove和mouseout事件,不是触摸事件,touchstart,touchmove和 touched. 为了解决这个问题,这里我们介绍jQuery UI Touch Punch类库,它…

【分享】纯js的n级联动列表框 —— 基于jQuery，支持下拉列表框和列表框，最重要的是n级，当然还有更重要的

多个列表框联动,不算是啥大问题,但是却挺麻烦,那么怎么才能够尽量方便一点呢?网上搜了一下,没发现太好用的,于是就自己写了一个.基于jQuery,无限级联动,支持下拉列表框和列表框. 先说一下步骤和使用方法: 1.在页面里设置列表框城市:<select name="c5118020" id="ctrl_001" > <option value="-99999">请选择</option><option va…

基于jQuery的移动轮播图（支持触屏）

移动轮播图我看到两款, 一款是无线天猫的m.tmall.com,实现了无缝轮播. 一款是蘑菇街的,没有实现无缝轮播. 我自己重写一个,类似蘑菇街 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基于jQuery的移动轮播图(支持触屏)</title> <style type="text/c…

10大支持移动“触摸操作”的JavaScript框架

摘要:移动开发行业的发展速度让人目不暇接,也在此大势之下,推出移动网站App成为开发者必经之路,如何让触屏设备更易使用?如何让网站对触摸手势做出反应并使触摸更友好?所有这一切,皆因JavaScript变得轻而易举.本文介绍了Hammer.js等10个极佳的支持移动触摸操作的JavaScript框架. 为什么说移动开发是一项非常艰苦的工作?原因很多,比如非常耗时.压力无处不在等等.最重要的一点是,作为一名移动开发者,你必须始终秉承“活到老学到老”,还要明了最新的发展趋势.问题及解决方案等.比…

基于jquery的插件turn.js学习笔记

基于jquery的插件turn.js学习笔记简介 turn.js是一个可以实现3d书籍展示效果的jq插件,使用html5和css3来执行效果.可以很好的适应于ios和安卓等触摸设备. How it works? 下面是官网展示的最简单的一个应用实例 1.编写html部分 <div id="flipbook"> <div class="hard"> Turn.js </div> <div class="hard&q…

基于jQuery的视频和音频播放器jPlayer

jPlayer见网络上资料很少,官方英文资料太坑爹TAT,于是就写一个手记给大家参考下.据我观察,jPlayer的原理主要是用到HTML5,在不支持HTML5的浏览器上使用SWF.做到全兼容,这一点很不错.官方还说明,服务器对于MP3文件不要做GZIP压缩,只是徒增CPU而已.并且在Flash播放GZIP的MP3时会出错. jPlayer简介: 想在网页上播放背景音乐,不想用html标签的方式,因为那样只有音乐全部下载完以后才能播放,还容易出现跨浏览器兼容性的问题,于是选了一款基于jQuery的…

基于jQuery 常用WEB控件收集

Horizontal accordion: jQuery 基于jQuery开发,非常简单的水平方向折叠控件. Horizontal accordion: jQuery jQuery-Horizontal Accordion 具有XBOX360 blade界面风格的水平方向Accordion. jQuery-Horizontal Accordion AutoComplete-JQuery jQuery插件易于集成到现在的表单中(Form). AutoComplete-JQuery Facebook…

图像本地预览插件（基于JQUERY、HTML5）

最近是被这项目搞疯了.害我天天写插件,上周才写,现在就继续吧..... 说说这个吧.主要是用于本地图像预览的.我们知道在以前,图像预览一般都很麻烦,一般都是异步上传然后返回路径,动态设置路径,但是这样的效率不言而喻,而使用这种技术一般情况下,就是flash.silverlight或者是三方axtiveX插件了,而这些技术一般都很难实现跨平台.跨浏览器.跨设备的情况,而且表现不一,从另一个方面来说,这种技术是web依赖了第三方,不通用.而自从HTML5诞生以来,这样的思路就被打破了.HTML5提供…

基于jQuery的前端如何做到无伤迁移

首先,解释一下我个人对前端无伤迁移的理解,即移动端和PC端使用同一套代码,或者说原本在PC端运行得很完美的代码,只要修改少许,就可以在移动端完美运行. 当然,大部分的公司会专门为移动端设计了一套,同时,有为PC端设计了一套,这是最完美的结果.但某些情况下,PC和移动端同时用一套时,就要想办法解决了. 最近刚做完一个项目,项目组要求前端同时支持PC端和平板电脑,UI不太复杂,所以布局问题不大,但交互就有点麻烦了. 众所周知,移动端的click事件有300ms的延迟,所以首要的问题要解决这个.由于之…

基于jquery开发的UI框架整理分析

根据调查得知,现在市场中的UI框架差不多40个左右,不知大家都习惯性的用哪个框架,现在市场中有几款UI框架稍微的成熟一些,也是大家比较喜欢的一种UI框架,那应该是jQuery,有部分UI框架都是根据jQuery研发出来的产品,现在也很常见了. 国产jQuery UI框架 (jUI) DWZ DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.设计目标是简单实用,快速开发,降低ajax开发成本. jQuery 部件布局…

基于jQuery全屏相册插件zoomVisualizer

基于jQuery全屏相册插件zoomVisualizer.这是一款基于jquery ui实现的相册插件,支持隐藏显示相册缩略图,支持左右箭头切换图片,支持放大缩及缩小图片.效果图如下: 在线预览源码下载实现的代码. html代码: <div id="zoom-visualizer"> <div class="lightbox-ofertas-bg"></div> <div class="lightbox&q…

一些基于jQuery开发的控件

基于jQuery开发,非常简单的水平方向折叠控件.主页:http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizontal-accordion.html (无法找到)下载:http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizontal-accordion.html 示例:http://letmehaveblog.blogspot.com/2007…

基于jQuery的数字键盘插件

有时,我们需要在网页上使用软键盘.今天,就给大家带来一个基于jQuery的数字键盘插件,除了jQuery,不需要依赖任何文件资源.纯数字键盘,有退格,有清除,不支持输入小数(需要的可以自己改一下,主要是多个小数点就有13个键,不好排列了,呵呵).支持鼠标拖动和触摸拖动,可关闭. 在线演示 1.页面代码 <ul> <li><input type="text" placeholder="手机号码后四位" id="numkeyboa…

【基于 jQuery支持移动触摸设备的Lightbox插件】的更多相关文章