JS库介绍Sortable.js一个功能强大的JavaScript 拖拽库！！！用于在网页上创建可拖放和可排序的元素。它提供了简单而强大的 API，使开发人员能够轻松地实现拖放功能，并允许用户通过拖放来重新排序列表、网格和其他元

现在很多后台列表为了方便均使用拖拽排序的功能，对列表进行随意的排序。话不多说 ，我在网上找了一些demo，经过对比，现在把方便实用的一个demo列出来，基于jqueryUI.js先上html代码，很简单：

自行用代码测试

处理方法就是通过给TAB绑定事件，监控TAB的切换时触发Lazyload懒加载。代码如下

需用代码测试

需要用代码测试

用代码测试即可

我将这个封装城了插件代码如下，你可以独立到一个js文件，然后页面引用下这个js文件：(function($){$.fn.extend({qmTabs:function(){varaTabBodys=$('#tabs-bodydiv');$(this).children(li).each(function(i

用代码测试即可

用代码测试即可

选项卡五花八门，今天又要用到选项卡，首选swiper！一、HTML布局根据swiper官网的要求来class命名滑块。divclass=boxulclass=swiperTablispanDiv+CSS/span/lilispanJavaScript+JQuery/span/lilispanAngularJS+Vue+No

tab切换显示不同内容

jQuery实现tab栏切换效果

swiper3多个进行display:none切换时，会造成切换后无法自动播放和位移的情况用一下方法就可解决1、初始化添加observer: true,observerParents: true参数，解决位移或错位的问题var Swiper = new Swiper(".index", {loop: true,observer:true,observeParents:true,autoplay: 1000, //可选选项，自动滑动spaceBetween: 20,autoplayDis

Swiper常用于移动端网站的内容触摸滑动Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！

swiper官方下载 3.4.2版本的基础包

Swiper对于各位前端的朋友实在是福音，不仅开源，最关键但是好用。Swiper地址：http://www.swiper.com.cn/最近因为项目上的需求，需要切换两个轮播图。于是出现了一个很尴尬的问题，第一个Swiper可以正常切换

效果图HTMLdiv class="box"ul class="menu"li历史/lili文学/lili宗教/li/ulul class="list"li style="background: red"1/lili style="background: black"2/lili style="background: purple"3/li/ul/divCSS * {margin:0;p

效果图 HTMLdiv class="nav"ullidon(0)"翠翠/lilidon(1)"嗯嗯/lilidon(2)"小白/lilidon(3)"小沫/lilidon(4)"同同/li/ul/divdiv class="tiao"div id="zhou" class="zhou" style="left: 0;"div class="ww&

页面刷新后，对于有tab按钮的页面，每次刷新都默认回到第一个，自己都烦了，想想是别人使用，估计会更烦。于是就百度踩坑呀。效果图镇楼：主要使用到Session Storage，浏览器缓存原理。打开调试器：能看到缓存值：下面我要强迫自己写demo了：div class="demo"gt;ul class="tab-hd clearfix"li class="active"基本信息/lili课程详情/lili视频管理/lili讲义管理/lili习题管理