2021-03-12

.x-column-header {
    border-right: 1px solid #c5c5c5;
    color: black;
    font: normal 11px/13px tahoma,arial,verdana,sans-serif;
    background-image: none;
    background-color: #c5c5c5;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#f9f9f9),color-stop(100%,#e3e4e6));
    background-image: -webkit-linear-gradient(top,#f9f9f9,#e3e4e6);
    background-image: -moz-linear-gradient(top,#f9f9f9,#e3e4e6);
    background-image: -o-linear-gradient(top,#f9f9f9,#e3e4e6);
    background-image: linear-gradient(top,#f9f9f9,#e3e4e6);
}

https://www.mycodes.net/171/8266.htm
https://www.mycodes.net/171/8182.htm
https://www.mycodes.net/171/9446.htm
https://www.mycodes.net/171/9431.htm
https://www.mycodes.net/171/8351.htm
https://www.mycodes.net/171/8213.htm
https://www.mycodes.net/171/7735.htm
https://www.17sucai.com/pins/26428.html
https://www.qqtn.com/azsoft/381103.html
https://www.tdb123.net/design/ui/123.html
https://www.tdb123.net/design/ui/123.html
https://huaban.com/boards/38859089
https://www.zcool.com.cn/work/ZMzQzNzY2OTI=.html
https://www.zcool.com.cn/work/ZMjkyNjUwODA=.html?switchPage=on
app 直播界面
https://www.zcool.com.cn/work/ZMTg4NDYwMjg=.html?switchPage=on
http://science.china.com.cn/2017-09/11/content_40008139.htm
https://www.zcool.com.cn/work/ZMjQ5MDczOTI=.html
https://www.sohu.com/a/146355243_740438
https://www.zcool.com.cn/work/ZMjQwMDAxMTI=.html
https://www.zcool.com.cn/work/ZMjIxNDg0MjA=.html?switchPage=on
app 生活社区界面
https://www.zcool.com.cn/work/ZMTcxNjI2NzI=.html?switchPage=on
app 下单界面
https://www.xueuisheji.cn/archives/4487
https://www.17sucai.com/preview/501914/2017-09-28/111/index.html
https://www.17sucai.com/preview/632747/2020-12-05/M-XM/index.html
https://www.17sucai.com/preview/1831618/2020-11-24/jd/index.html
https://www.5188.com/
https://so.ooopic.com/
http://www.wjw.cn/baoxian/detail-759232.html
https://sucai.redocn.com/mobile/app/
https://www.zcool.com.cn/work/ZMTc4MDA4NTI=.html?switchPage=on
https://huaban.com/ds2j9jzxhz/pins/
http://www.hao315.com/join/
https://www.sdongpo.com/
https://e.dianping.com/
https://huaban.com/
https://www.zsdx.cn/
https://beijing.zbj.com/
百度图片搜索 app界面
https://b2b.baidu.com/
https://www.zcool.com.cn/
http://m.job1001.com/
https://ajz.fkw.com/
https://www.17sucai.com/preview/122757/2019-02-12/%E6%87%92%E8%99%AB%E5%95%86%E5%9F%8E/shop.html
https://www.zhankr.net/
https://tf.zbj.com/
https://818ps.com/
https://ac.aliyun.com/
https://www.xueui.cn/
http://www.shangji.qudao.com/
https://www.28.com/

https://www.jq22.com/demo/jiaoben3059-150703144408
https://www.lanqiao.cn/courses/
https://github.com/pandao/editor.md/archive/master.zip
https://github.com/davidshimjs/qrcodejs
https://github.com/tscanlin/tocbot/releases
https://github.com/pandao/editor.md/archive/master.zip
https://www.jq22.com/demo/jquery-nav20151011
https://www.jq22.com/jquery-plugins%E6%B0%B4%E5%B9%B3%E5%AF%BC%E8%88%AA-4-jq
https://www.jq22.com/demo/3aa6400c-3800-11e4-b21c-00163e001348/#about
完美 https://www.jq22.com/demo/jqueryAppsq20150727
手风琴
https://www.jq22.com/demo/jquerysfqnav201909262159
应用
https://www.jq22.com/demo/jquerytab201909092314
https://www.jq22.com/demo/tab202012021404
新闻列表
https://www.jq22.com/demo/swiperTab201709242017
https://www.jq22.com/demo/toutiaoNav202003010051
jQuery幻灯片插件OWL Carousel
https://www.jq22.com/demo/jquery-lbt20151209
筛选
https://www.jq22.com/demo/jqueryfldh201907121050

https://www.jq22.com/demo/jquerydslb201909112226

tab
https://www.jq22.com/demo/modernizrTabs20161126
https://www.jq22.com/demo/tabulous20160418
https://www.jq22.com/demo/tab-141103222630
https://www.jq22.com/demo/tabs
https://www.jq22.com/demo/jquerytab201906122152
https://www.jq22.com/demo/jQuery-tabs20160106
https://www.jq22.com/demo/jQueryTab201705292056
https://www.jq22.com/demo/tab-141026205223
jQuery全屏滚动插件fullPage.js
https://www.jq22.com/demo/fullpage-141201214949
http://fullpage.81hu.com/
https://github.com/alvarotrigo/fullPage.js/releases/tag/3.1.0
https://github.com/topics/fullpage

DataTables/DataTables
https://www.17sucai.com/
jquery.validate.js
jquery.cookie.js
jquery.qrcode.js
https://github.com/jeromeetienne/jquery-qrcode
https://github.com/jquery/jquery-mousewheel
jQuery.NiceScroll
https://github.com/inuyaksa/jquery.nicescroll
jquery-weui
OwlCarousel2
https://github.com/jessepollak/card
https://github.com/fancyapps/fancybox
https://github.com/fengyuanchen/cropper
https://github.com/nhn
https://github.com/nhn/tui.editor
https://github.com/pandao/editor.md
https://github.com/nhn/tui.calendar
https://github.com/jquery-validation/jquery-validation
https://github.com/snapappointments/bootstrap-select
https://github.com/OwlCarousel2/OwlCarousel2
https://github.com/select2/select2
https://github.com/BorisMoore/jquery-tmpl vue更好
https://github.com/NervJS/taro
https://github.com/alvarotrigo/fullPage.js
https://github.com/mattbryson/TouchSwipe-Jquery-Plugin
https://www.jq22.com/jquery-info476
https://www.jq22.com/jquery-info123
https://www.jq22.com/jquery-info13194
https://www.jq22.com/jquery-info438
https://www.jq22.com/jquery-info28
https://www.jq22.com/jquery-info15352
https://www.jq22.com/jquery-info889
https://www.jq22.com/jquery-info116
https://www.jq22.com/jquery-info1124
https://www.jq22.com/jquery-info6960
https://www.jq22.com/jquery-info1940
https://github.com/DataTables/DataTables 使用FlexiGrid实现Extjs表格的效果
fancyapps/fancybox
https://github.com/fancyapps/fancybox
https://github.com/blueimp/jQuery-File-Upload
jquery.mousewheel.js 
https://www.swiper.com.cn/api/mousewheel/66.html
https://www.cnblogs.com/gxsyj/p/5946813.html
https://www.cnblogs.com/zyip/archive/2009/07/29/1533792.html
https://www.jq22.com/demo/jqueryTabgd201804122204
商家入驻app模板
http://www.bootstrapmb.com/item/7686
https://www.sucaihuo.com/templates/107-0-0-0-0-0
http://demo.demohuo.top/modals/35/3586/demo/
http://www.bootstrapmb.com/tag/shangchengapp
// using bind
$('#my_elem').bind('mousewheel', function(event, delta, deltaX, deltaY) {
    if (window.console && console.log) {
         console.log(delta, deltaX, deltaY);
    }
});
// using the event helper
$('#my_elem').mousewheel(function(event, delta, deltaX, deltaY) {
    if (window.console && console.log) {
         console.log(delta, deltaX, deltaY);
    }
});

https://www.17sucai.com/preview/1424582/2020-06-14/ds/index/index.html
https://www.jq22.com/jquery-info641
http://www.jqueryfuns.com/moban-27-0-5
https://www.css88.com/
https://www.css88.com/doc/jsdoc/index.html
https://www.16sucai.com/psd/mb/
https://www.cnblogs.com/screw/p/5166048.html

http://www.jqueryfuns.com/resource/view/4073
http://www.jqueryfuns.com/moban-27-0-1
http://www.jqueryfuns.com/resource/view/4390
http://www.jqueryfuns.com/resource/view/4428
https://mmenu.frebsite.nl/

http://caibaojian.com/mobile-web-app-fix.html

https://588ku.com/
网页必备jquery插件

Slider Revolution是一个 非常直观的jQuery插件，它包含了一个多媒体内容滑块。该插件可用于各种触摸设备以及流行平台，并且对Android和iOS进行了优化。您可以集成这个插件来展示单页网站、社交信息流、菜单导航等。

jQuery Activ’Map插件是基于HTML5、CSS3、Bootstrap 3.0和Google Maps API Version 3.0的，它是一个利用谷歌地图在智能手机上定位感兴趣的场所的强大插件。该插件设有带标记的地图，并提供自定义的选项删除/添加自己的类别、地点和标签。

Megafolio Pro是一个功能强大的jQuery网格插件，其具有先进的自定义选项。这是一个完全响应型的jQuery插件，对各种智能手机和平板电脑进行了优化。Megafolio Pro适用于各种基于网格的应用程序。

Flip是一个基于jQuery的插件，它模仿流行的卡片翻转的效果，可以轻易的让元素在左右上下四个方向翻转。

Swiper是一款免费以及轻量级的移动设备触控滑块的框架，使用硬件加速过渡（如果该设备支持的话）。主要使用于移动端的网站、网页应用程序以及原生的应用程序。主要是为iOS而设计的，同时在Android、WP8系统以及现代桌面浏览器也有着良好的用户体验。

TouchSwipe是一个用于处理触摸事件的jQuery插件，主要用于iPad和iPhone之类的设备。

Owl Carousel 2是一个jQuery插件，它使开发人员能够迅速地创建响应式传送带滑块。这个插件是触摸友好的，能与几乎任何的HTML内容兼容使用。

PagePiling.js是一个可以创建类似窗帘滚动网站的jQuery插件。它非常灵活，兼容各种浏览器和触屏设备。用户可以使用这个插件来创建一个原始的滚动网站。

VideoBackground.js是一个轻量级的、响应式的jQuery插件，通过使用HTML5视频能创建一个整页的视频背景。该插件支持MP4、Webm和其他HTML5视频格式。

jQuery Popup是一个可完全自定义的响应式jQuery插件，用于显示弹出式窗口或模式窗口。它支持各种类型的弹出窗口，包括视频、谷歌地图、图片和表单等。

css 常用脚本

jquery / jQuery
bilibili / flv.js
video-dev / hls.js
videojs / video.js
videojs / videojs-contrib-hls

https://www.51qianduan.com/
http://www.jqueryfuns.com/
https://www.fastadmin.net/store/danmu.html
http://www.htmleaf.com/

about    关于
account    账户
action    操作
ad,advertisment    广告
arrow    箭头图标
article    文章
aside    边栏
audio    音频
avatar    头像
background    背景
banner    条幅，广告
bar    条
branding    品牌化
breadcrumbs    面包屑
button    按钮
caption    标题，说明
category    分类
chart    图表
clearfix    清除浮动
close    关闭
column    列
comment    评论
community    社区
container    容器
content    内容
copyright    版权
current    当前态，选中态
default    默认
description    描述
details    细节
disabled    不可用
entry    文章，博文
error    错误
even    偶数，常用于多行列表或表格中
fail    失败（提示）
feature    专题
fewer    收起
field    用于表单的输入区域
figure    图
filter    筛选
first    第一个，常用于列表中
footer    页脚
forum    论坛
gallery    画廊
group    模块，清除浮动
header    页头
help    帮助
hide    隐藏
hightlight    高亮
home    主页
icon    图标
information    信息
last    最后一个，常用于列表中
links    链接
login    登录
logout    退出
logo    标志
main    主体
menu    菜单
meta    作者、更新时间等信息栏，一般位于标题之下
module    模块
more    更多（展开）
msg，message    消息
nav,navigation    导航
next    下一页
nub    小块
odd    奇数，常用于多行列表或表格中
off    鼠标离开
on    鼠标移过
output    输出
pagination    分页
popup    弹窗
preview    预览
previous    上一页
primary    主要
progress    进度条
promotion    促销
recommendations    推荐
register    注册
save    保存
search    搜索
secondary    次要
section    区块
selected    已选
share    分享
show    显示
sidebar    边栏，侧栏
sign in    登录
sign up    注册
slide    幻灯片，图片切换
sort    排序
sub    次级的，子级的
submit    提交
subscribe    订阅
subtitle    副标题
success    成功（提示）
summary    摘要
summit    提交
tab    标签页
table    表格
text    文本
thumbnail    缩略图
time    时间
tips    提示
title    标题
video    视频
wrap    容器，包，一般用于最外层
wrapper    容器，包，一般用于最外层

常用脚本
https://www.jb51.net/Special/200.htm

https://www.zhangxinxu.com/wordpress/2018/04/jquery-plugin-document-article-title-nav-js/
https://www.jq22.com/
弹幕插件
https://www.jq22.com/demo/barrageWall201712172124
https://www.jq22.com/demo/jquery-barrager-master20160519
页面加载提示
http://taitems.github.io/iOS-Overlay/
tab
https://github.com/samsono/Easy-Responsive-Tabs-to-Accordion

https://cloud.tencent.com/developer/article/1439683

https://www.oschina.net/news/31292/jquery-single-page-plugins
https://www.php.cn/js-tutorial-5306.html