scrollMenu，一款可滚动的菜单插件兼容pc和移动端

这个菜单有两种样式 , 也可以通过animate.css加不同的动画效果!滚动的方式也有两种一种为通用的overflow,另外一种是better-scroll的滚动效果在线链接地址 http://www.daiwei.org/works/UI/scrollMenu/github下载地址 https://github.com/IFmiss/scrollMenu 感觉不错的话给个star哦!!! 原博客地址: http://www.daiwei.org/blog/…

一个 VUE 组件：实现子元素 scroll 父元素容器不跟随滚动（兼容PC、移动端）

介绍我们经常遇到一种情况.当滑动滚动条区域时,子元素滚动条到底部或顶部时就会触发父级滚动条,父级滚动条同理会继续向上触发,直至body容器.这是浏览器默认的滚动行为. 但是很多情况,我们想要子元素滚动完成后,不触发父元素的滚动,比如 modal.侧边栏等等. 深入研究-webkit-overflow-scrolling:touch及ios滚动详细文档 & 例子 Document & Demo vue-scroll-lock 一个 VUE 组件:子元素 scroll 父元素容器不跟随滚…

几款jQuery右键菜单插件介绍

在网页中使用自定义右键菜单,实现上皆为使用javascript禁用浏览器默认的右键菜单,然后在网页中响应鼠标右键事件,弹出自定义的菜单. 类似右键菜单的组件网上很多.一般而言,改变浏览器的默认菜单应当慎用,这会使多数用户感到不习惯.但是在企业Web应用中,用户的使用环境更加可控,在这种应用中使用自定义右键菜单会更加适合. 以下列举几款比较成熟的jQuery右键菜单插件,我们将逐一介绍,请读者自行比较,并根据自己的需求选择. 1.VERY SIMPLE CONTEXT MENU-Intekhab…

手把手教你做一个原生js拖动滑块【兼容PC和移动端】

废话少说: 在PC端可以用mousedown来触发一个滑块滑动的效果,但在手机上,貌似无法识别这个事件,但手机上有touchstart事件,可以通过一系列"touch"事件来替代PC端的"mouse"事件. 移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成.但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件.处理touch事件能跟踪到屏幕滑动的每根手指. 以下是四种touch事件 tou…

几款jQuery右键菜单插件

1.jQuery Very Simple ContextMenu Plugin 2.ContextJS Project Page:http://lab.jakiestfu.com/contextjs/ 3.JEEGOOCONTEXT Project Page: http://www.planitworks.nl/jeegoocontext/ 4.JQUERY CONTEXT MENU Project Page:http://www.dynamicdrive.com/dynamicindex1/c…

堆叠相冊效果，兼容pc和移动端

在手机端,堆叠效果的相冊是比較常见的一种图片展示方式,每一个人的思路可能会有一些不同,实现的方法不同. 本篇博客主要是分享下我的实现方法.欢迎大家提出建议,指出我的不足,先3Q啦~ 先看一下终于的效果图: 思路和原理分析: 1.首先是布局上的问题.默认显示五张错位图片,剩下的图片遮挡在第五张图片的背后.错位使用的是css3的transform的属性,使用rotate属性值.对显示的五张图片进行不一样的旋转. 2.js实现上的问题. (1)推断移动端和pc端.相应兼容使用mouse事件还是touc…

一款效果精致的 jQuery 多层滑出菜单插件

想要以用户友好的方式呈现多级菜单是件不容易的事情,而且还要跨浏览器兼容就更难了.Multi-Level Push Menu 这款 jQuery 插件提供了呈现这种菜单的解决方案,能够让你无限制的展示菜单,支持常用浏览器,而且能够用于触屏设备. 您可能感兴趣的相关文章小伙伴们惊呆了!8个超炫的 Web 效果 10大流行的 Metro UI 风格 Bootstrap 主题推荐35款精致的 CSS3 和 HTML5 网页模板赞!10套精美的免费网站后台管理系统模板精选12款优秀 jQuery…

Mobiscroll的介绍【一款兼容PC和移动设备的滑动插件】

Mobiscroll是一个用于触摸设备的日期和时间选择器,它的使用不会改变HTML5.PhoneGap以及混合应用的原生用户体验.作为一款jQuery滑动选择插件,用户可以自定义主题样式,为自己的移动项目UI组件添色.Mobiscroll支持所有主流平台:iOS.Android.BlackBerry, Windows Phone 8以及Amazon Kindle. 它具有如下优点:1.触摸式UI界面在智能手机和平板的移动设备上,使用大量的手势和触摸与mobiscroll进行互动.2.主题…

24款WordPress网站AI插件大盘点

------------恢复内容开始------------ 你想把AI(人工智能)技术和机器学习技术添加到自己的WordPress网站吗?本文中,我会分享24个利用AI技术和机器学习技术的WordPress插件,让你的网站更加智能化.如果您想阅读更多文章,请转至苦心孤译博客首页查看各文章分类. AI(人工智能)及机器学习技术是什么? 如果你密切关注过新闻,你肯定听说过AI(人工智能)或机器学习.人工智能及机器学习属于计算机技术,一般用于计算机设备.app.GPS定位装置.智能电视.家电及其他设…

【转】2014年25款最好的jQuery插件

2014年25款最好的jQuery插件来源:Specs' Blog-就爱PHP 时间:2014-12-30 10:24:10 阅读数:2267 分享到: 0 http://www.php100.com/html/it/qianduan/2014/1230/8211.html [导读] 马上2014年就要过去了,可能很多人都在做关于2014年的各种总结,今天我来给大家分享篇关于jQuery插件的总结文章. 马上2014年就要过去了,可能很多人都在做关于2014年的各种总结,今天我来给大家…

Smint – 用于单页网站制作的 jQuery 导航菜单插件

Smint 是一款用于实现单页风格网站的 jQuery 导航插件,包含两部分:固定在页面顶部的精美导航条和能够在你点击的时候自动滚动到对应内容的菜单按钮.Smint 使用非常简单,只有一个参数用于设置页面滚动的速度,默认是 500 毫秒,你可以设置为需要的任何值. 您可能感兴趣的相关文章 Manifesto – HTML5 离线应用程序缓存校验工具 Codrops 教程:基于 CSS3 的全屏网页过渡特效 Zoom.js:一款效果非常独特的页面内容缩放插件 Codrops 教程:基于 CSS3…

程序猿必备的10款web前端开发插件一

1.CSS3实现的火柴燃烧Loading加载动画这次我们要给大家分享一款非常特别的CSS3 Loading加载动画,整个Loading加载动画就好像是火柴在燃烧一样,不足的是火苗并没有那么真实,比较抽象,不过这款Loading动画还是比较富有创意,非常适合在一些个性化的页面上使用. 在线演示源码下载 2.纯CSS3精美样式的飘带特效还记得之前我们分享过一些基于CSS3的飘带样式菜单吗?比如这款CSS3 飘带菜单超酷3D CSS3菜单和CSS3飘带状3D菜单菜单带小图标.今天我们要给大家…

jQuery弹性展开收缩菜单插件gooey.js

分享一款基于jQuery弹性展开收缩菜单插件gooey.js.这是一款基于gooey.js插件实现的弹性菜单特效代码.效果图如下: 在线预览源码下载实现的代码. html代码: <header class="plugin-demo-header"> <h1>Gooey Menu</h1> <nav id="gooey-upper"> <input type="checkbox" cla…

vue 右键菜单插件简单、可扩展、样式自定义的右键菜单

今天分享的不是技术,今天给大家分享个插件,针对现有的vue右键菜单插件,大多数都是需要使用插件本身自定义的标签,很多地方不方便,可扩展性也很低,所以我决定写了一款自定义指令调用右键菜单(vuerightmenu) 安装 npm install rightmenu --save-dev 开始 //main.js import vue from "vue"; import rightMenu from "rightMenu"; vue.use(rightMenu); 例…

Bootstrap风格zTree树形菜单插件

这是一款bootstrap风格jQuery zTree树形菜单插件,支持自定义编辑.添加列表菜单.删除列表等功能的jQuery树形菜单代码.在线演示具体代码实现: <!DOCTYPE html> <HTML> <HEAD> <TITLE>ZTREE DEMO</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8&qu…

分享14个很酷的jQuery导航菜单插件

导航按钮是网站的非常重要的一部分,因其将网站的所有部分而集中一处,jQuery导航菜单插件在其中扮演重要的角色. 本文介绍了14个很酷的jQuery导航菜单插件,它们够漂亮.简单,并且完全兼容各种类型的web浏览器.转载自虾米站长网 1.Facets Navigation Demo | Download 2.Rocking & Rolling Demo | Download 3.Garage Door Menu Demo | Download 4.Little Boxes Menu Demo …

程序猿必备的10款web前端动画插件

1.基于jQuery的瀑布流图片筛选插件瀑布流的展现方式在目前的网页中用得越来越广泛,特别是图片和首页文章的动态加载. 今天分享的这款就是基于jQuery的瀑布流图片筛选插件,我们可以点击图片分类名称,即可将对应分类下的图片以瀑布流的方式展示出来,这款插件在筛选图片上使用还是比较方便的. 2.基于Layui的可自定义添加删除数据的表格处理插件如何在网页上编辑表格数据,这通过自己编写JS和CSS实现都是比较麻烦的,jQuery有很多插件可以完成这种功能,比如这款jQuery简易版的Excel表…

jQuery Wheel 环形菜单插件5种效果演示

很酷的菜单-jQuery Wheel 环形菜单插件5种效果演示在线预览下载地址实例代码 <div class="container">  <div class="header"> <h1>jQuery Wheel 环形菜单插件 Demo 1: Default Settings</h1> </div> <div class="menu"…

jquery uploadify上传插件兼容火狐问题

jquery uploadify长传插件兼容火狐问题.因为现在火狐以不在默认安装flash插件.所以uploadify的flash版就需要安装flash插件.还可以成功. 可以到哪里下载安装:https://get.adobe.com/cn/flashplayer ie的话ie6也是支持,就是别忘了安装flash.…

网站开发常用jQuery插件总结(十)菜单插件superfish

网站对于菜单的依赖其实并不是很大,我们完全可以不使用菜单来设计网站,显示网站内容.但是如果网站的分类太多,“也许”使用菜单作为网站导航可以使用户更方便的寻找内容.superfish插件就是用于实现菜单的功能.但是在使用superfish时,与自身网站整合.superfish样式设置是不可避免的.因为官方只给出了怎么使用插件,并且提供了一个简单的样式.如下图: 在我以前的使用中,superfish不符合我的需求,所以我对superfish的样式进行了修改.在本文中,我会提到怎样修改superf…

图片旋转+剪裁js插件(兼容各浏览器) « 张鑫旭-鑫空间-鑫生活

图片旋转+剪裁js插件(兼容各浏览器) « 张鑫旭-鑫空间-鑫生活图片旋转+剪裁js插件(兼容各浏览器) by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=804 一.写此插件的缘由在现在的web应用中,对上传的图片,例如头像,原始的摄影照片常常需要在web页面上进行一些处理,常见的处理就是剪裁与旋转. 对于剪裁,我之前曾翻译过一个jQuery插件,JCrop插件,…

强烈推荐一款CSS导航菜单

强烈推荐一款CSS导航菜单,用到政府学校类网站上超级不错,有点类似站长网菜单的味道,只不过颜色不一样而已,这种菜单还不是真正意义上的“下拉”菜单,应该叫滑出菜单吧?反正比较不错,不多说了. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmln…

Jquery多级菜单插件Slimmenu使用说明

Jquery多级菜单插件Slimmenu使用说明现在扁平化设计逐渐的成为了趋势,不管是pc web,还是移动互联网的应用开发,都在研究和设计Flat ui, 这里有一篇文章说明扁平化的设计的一些想法:[jquery mobile扁平化设计样式--Jquery mobile Flat UI介绍] 今天分享几个Jquery的扁平化插件.首先是Jquery 扁平化菜单:SlimMenu. 无图无真像.先上图.样式我做了部分修改. SlimMenu支持的功能有: 轻量级,css+js(压缩后),10k…

MarkdownPad2代码高亮插件兼容移动端样式

如果不知道MarkdownPad2使用代码高亮插件可以查看前一篇文章<MarkdownPad2使用代码高亮插件> 先看移动端效果图: 移动端点击查看效果或者手机扫如下二维码: 我们经常阅读微信公众号文章的时候,常常看到文章内有高亮的代码,并且这代码不会换行,可以左右拖动滚动这样的效果对于我们阅读代码很方便也很舒服,上一篇文章使用高亮插件并不兼容移动端,经过简单的对高亮代码样式得修改,再通过markdownpad2导出html,这样我们就可以在移动端查看自己的代码笔记了.这个时候有人会纳闷我在…

『练手』004 Laura.SqlForever如何扩展导航栏工具栏右键菜单插件

004 Laura.SqlForever如何扩展导航栏工具栏右键菜单插件导航栏插件扩展比如下图的窗口 > 关闭所有文档这个导航栏: 在任何程序集,任何命名空间,任何类名扩展类似插件: 代码详解: 特性标签: Key: 唯一键值(同名键值会以 Important 权重,相互覆盖) ParentKey: 父级键值 GroupKey: 在导航栏中,某些选项按钮存在分组,这个值就是分组用的 Order: …

jquery菜单插件

原理很简单. 涉及到知识点: 1.jquery的position注意这里是jquery的position,不是css的position offset的概念 2.>的概念. 3..ulh>li 的优先级要比直接在li上加 .selected的样式高.因为.ulh>li 是元素样式,位于优先级老2. 支持无限分级的菜单,兼容ie8+,chorm,firefox 支持无限的伸缩.支持url效果.图标和样式欢迎大家自行改造.欢迎大家使用. 代码如下 <!DOCTYPE html>…

10款jQuery文本高亮插件

[编者按]本文作者为 Julian Motz,主要介绍十款 jQuery 文本高亮插件的现状.文章系国内 ITOM 管理平台 OneAPM 编译呈现. 很多应用或网站都为用户提供搜索关键词的方法.为了加快这一过程,提供良好的用户体验,帮助用户准确地查找到他们搜索的内容,你可以在页面中动态高亮这些搜索关键字. 这里有10款jQuery文本高亮插件,可以实现这一功能. 1. mark.js 这是用于搜索术语或自定义正则表达式的关键字高亮插件,使用ES6语言编写,基于几十个跨浏览器的单元测试,以及代码…