├── README.md ├── autocomplete ├── README.md ├── css │ └── autocomplete.css ├── demo.html └── js │ └── autocomplete.js ├── dragMove ├── README.md ├── demo.html └── js │ └── dragMove.js ├── face ├── README.md ├── css │ └── face.css ├── demo.html ├── js │ ├── face.js │ └── scrollbar.js └── src │ ├── dang │ ├── 0.png │ ├── 1.png │ ├── 10.png │ ├── 11.png │ ├── 12.png │ ├── 13.png │ ├── 14.png │ ├── 15.png │ ├── 16.png │ ├── 17.png │ ├── 18.png │ ├── 19.png │ ├── 2.png │ ├── 20.png │ ├── 21.png │ ├── 22.png │ ├── 23.png │ ├── 24.png │ ├── 25.png │ ├── 26.png │ ├── 27.png │ ├── 28.png │ ├── 29.png │ ├── 3.png │ ├── 4.png │ ├── 5.png │ ├── 6.png │ ├── 7.png │ ├── 8.png │ └── 9.png │ ├── wang │ ├── 0.bmp │ ├── 0.gif │ ├── 1.bmp │ ├── 1.gif │ ├── 10.bmp │ ├── 10.gif │ ├── 11.bmp │ ├── 11.gif │ ├── 12.bmp │ ├── 12.gif │ ├── 13.bmp │ ├── 13.gif │ ├── 14.bmp │ ├── 14.gif │ ├── 15.bmp │ ├── 15.gif │ ├── 16.bmp │ ├── 16.gif │ ├── 17.bmp │ ├── 17.gif │ ├── 18.bmp │ ├── 18.gif │ ├── 19.bmp │ ├── 19.gif │ ├── 2.bmp │ ├── 2.gif │ ├── 20.bmp │ ├── 20.gif │ ├── 21.bmp │ ├── 21.gif │ ├── 22.bmp │ ├── 22.gif │ ├── 23.bmp │ ├── 23.gif │ ├── 24.bmp │ ├── 24.gif │ ├── 25.bmp │ ├── 25.gif │ ├── 26.bmp │ ├── 26.gif │ ├── 27.bmp │ ├── 27.gif │ ├── 28.bmp │ ├── 28.gif │ ├── 29.bmp │ ├── 29.gif │ ├── 3.bmp │ ├── 3.gif │ ├── 30.bmp │ ├── 30.gif │ ├── 31.bmp │ ├── 31.gif │ ├── 32.bmp │ ├── 32.gif │ ├── 33.bmp │ ├── 33.gif │ ├── 34.bmp │ ├── 34.gif │ ├── 35.bmp │ ├── 35.gif │ ├── 36.bmp │ ├── 36.gif │ ├── 37.bmp │ ├── 37.gif │ ├── 38.bmp │ ├── 38.gif │ ├── 39.bmp │ ├── 39.gif │ ├── 4.bmp │ ├── 4.gif │ ├── 5.bmp │ ├── 5.gif │ ├── 6.bmp │ ├── 6.gif │ ├── 7.bmp │ ├── 7.gif │ ├── 8.bmp │ ├── 8.gif │ ├── 9.bmp │ └── 9.gif │ ├── wx.zip │ ├── wx │ ├── 0.gif │ ├── 0.png │ ├── 1.gif │ ├── 1.png │ ├── 10.gif │ ├── 10.png │ ├── 100.gif │ ├── 100.png │ ├── 101.gif │ ├── 101.png │ ├── 102.gif │ ├── 102.png │ ├── 103.gif │ ├── 103.png │ ├── 104.gif │ ├── 104.png │ ├── 11.gif │ ├── 11.png │ ├── 12.gif │ ├── 12.png │ ├── 13.gif │ ├── 13.png │ ├── 14.gif │ ├── 14.png │ ├── 15.gif │ ├── 15.png │ ├── 16.gif │ ├── 16.png │ ├── 17.gif │ ├── 17.png │ ├── 18.gif │ ├── 18.png │ ├── 19.gif │ ├── 19.png │ ├── 2.gif │ ├── 2.png │ ├── 20.gif │ ├── 20.png │ ├── 21.gif │ ├── 21.png │ ├── 22.gif │ ├── 22.png │ ├── 23.gif │ ├── 23.png │ ├── 24.gif │ ├── 24.png │ ├── 25.gif │ ├── 25.png │ ├── 26.gif │ ├── 26.png │ ├── 27.gif │ ├── 27.png │ ├── 28.gif │ ├── 28.png │ ├── 29.gif │ ├── 29.png │ ├── 3.gif │ ├── 3.png │ ├── 30.gif │ ├── 30.png │ ├── 31.gif │ ├── 31.png │ ├── 32.gif │ ├── 32.png │ ├── 33.gif │ ├── 33.png │ ├── 34.gif │ ├── 34.png │ ├── 35.gif │ ├── 35.png │ ├── 36.gif │ ├── 36.png │ ├── 37.gif │ ├── 37.png │ ├── 38.gif │ ├── 38.png │ ├── 39.gif │ ├── 39.png │ ├── 4.gif │ ├── 4.png │ ├── 40.gif │ ├── 40.png │ ├── 41.gif │ ├── 41.png │ ├── 42.gif │ ├── 42.png │ ├── 43.gif │ ├── 43.png │ ├── 44.gif │ ├── 44.png │ ├── 45.gif │ ├── 45.png │ ├── 46.gif │ ├── 46.png │ ├── 47.gif │ ├── 47.png │ ├── 48.gif │ ├── 48.png │ ├── 49.gif │ ├── 49.png │ ├── 5.gif │ ├── 5.png │ ├── 50.gif │ ├── 50.png │ ├── 51.gif │ ├── 51.png │ ├── 52.gif │ ├── 52.png │ ├── 53.gif │ ├── 53.png │ ├── 54.gif │ ├── 54.png │ ├── 55.gif │ ├── 55.png │ ├── 56.gif │ ├── 56.png │ ├── 57.gif │ ├── 57.png │ ├── 58.gif │ ├── 58.png │ ├── 59.gif │ ├── 59.png │ ├── 6.gif │ ├── 6.png │ ├── 60.gif │ ├── 60.png │ ├── 61.gif │ ├── 61.png │ ├── 62.gif │ ├── 62.png │ ├── 63.gif │ ├── 63.png │ ├── 64.gif │ ├── 64.png │ ├── 65.gif │ ├── 65.png │ ├── 66.gif │ ├── 66.png │ ├── 67.gif │ ├── 67.png │ ├── 68.gif │ ├── 68.png │ ├── 69.gif │ ├── 69.png │ ├── 7.gif │ ├── 7.png │ ├── 70.gif │ ├── 70.png │ ├── 71.gif │ ├── 71.png │ ├── 72.gif │ ├── 72.png │ ├── 73.gif │ ├── 73.png │ ├── 74.gif │ ├── 74.png │ ├── 75.gif │ ├── 75.png │ ├── 76.gif │ ├── 76.png │ ├── 77.gif │ ├── 77.png │ ├── 78.gif │ ├── 78.png │ ├── 79.gif │ ├── 79.png │ ├── 8.gif │ ├── 8.png │ ├── 80.gif │ ├── 80.png │ ├── 81.gif │ ├── 81.png │ ├── 82.gif │ ├── 82.png │ ├── 83.gif │ ├── 83.png │ ├── 84.gif │ ├── 84.png │ ├── 85.gif │ ├── 85.png │ ├── 86.gif │ ├── 86.png │ ├── 87.gif │ ├── 87.png │ ├── 88.gif │ ├── 88.png │ ├── 89.gif │ ├── 89.png │ ├── 9.gif │ ├── 9.png │ ├── 90.gif │ ├── 90.png │ ├── 91.gif │ ├── 91.png │ ├── 92.gif │ ├── 92.png │ ├── 93.gif │ ├── 93.png │ ├── 94.gif │ ├── 94.png │ ├── 95.gif │ ├── 95.png │ ├── 96.gif │ ├── 96.png │ ├── 97.gif │ ├── 97.png │ ├── 98.gif │ ├── 98.png │ ├── 99.gif │ └── 99.png │ └── yun │ ├── 0.png │ ├── 1.png │ ├── 10.png │ ├── 11.png │ ├── 12.png │ ├── 13.png │ ├── 14.png │ ├── 15.png │ ├── 16.png │ ├── 2.png │ ├── 3.png │ ├── 4.png │ ├── 5.png │ ├── 6.png │ ├── 7.png │ ├── 8.png │ └── 9.png ├── gulpfile.js ├── h5Crop ├── README.md └── demo.html ├── h5Upload ├── README.md ├── demo.html └── js │ └── h5Upload.js ├── images ├── 108x108.png ├── 123.png ├── 28x28.png ├── 456.png ├── a1.png ├── a2.png ├── a3.png ├── a4.png └── reload.gif ├── index.html ├── input ├── README.md ├── demo.html └── js │ └── input.js ├── js ├── base.js ├── jquery-1.11.3.min.js └── jquery.mousewheel.all.min.js └── scrollbar ├── README.md ├── demo.html └── js └── scrollbar.js /README.md: -------------------------------------------------------------------------------- 1 | # jquery-plugins 2 | * 编写的一些实用插件集合 3 | * 每个插件的功能在下方有简单的介绍,具体的使用介绍请查看相关插件内部的README.md 4 | 5 | # [插件列表](http://demo.vcxiaohan.com/jquery-plugins/index.html) 6 | 7 | #### [自动补全插件-autocomplete](https://github.com/vcxiaohan/jquery-plugins/tree/master/autocomplete)---[demo](http://demo.vcxiaohan.com/jquery-plugins/autocomplete/demo.html)---完成100% 8 | 9 | #### [拖动插件-dragMove](https://github.com/vcxiaohan/jquery-plugins/tree/master/dragMove)---[demo](http://demo.vcxiaohan.com/jquery-plugins/dragMove/demo.html)---完成100% 10 | 11 | #### [表情插件-face](https://github.com/vcxiaohan/jquery-plugins/tree/master/face)---[demo](http://demo.vcxiaohan.com/jquery-plugins/face/demo.html)---完成100% 12 | 13 | #### [裁剪头像插件-h5Crop](https://github.com/vcxiaohan/jquery-plugins/tree/master/h5Crop)---[demo](http://demo.vcxiaohan.com/jquery-plugins/h5Crop/demo.html)---完成50% 14 | 15 | #### [输入框提示插件-input](https://github.com/vcxiaohan/jquery-plugins/tree/master/input)---[demo](http://demo.vcxiaohan.com/jquery-plugins/input/demo.html)---完成50% 16 | 17 | #### [滚动条插件-scrollbar](https://github.com/vcxiaohan/jquery-plugins/tree/master/scrollbar)---[demo](http://demo.vcxiaohan.com/jquery-plugins/scrollbar/demo.html)---完成100% 18 | 19 | #### [拖拽预览上传插件-h5Upload](https://github.com/vcxiaohan/jquery-plugins/tree/master/h5Upload)---[demo](http://demo.vcxiaohan.com/jquery-plugins/h5Upload/demo.html)---完成90% 20 | -------------------------------------------------------------------------------- /autocomplete/README.md: -------------------------------------------------------------------------------- 1 | #### autocomplete 说明文档 2 | 3 | * ###### demo 示例 4 | 1. [http://demo.vcxiaohan.com/jquery-plugins/autocomplete/demo.html](http://demo.vcxiaohan.com/jquery-plugins/autocomplete/demo.html) 5 | 6 | * ###### 功能简介 7 | 1. 输入框提示插件 8 | 2. 支持方向键上下选中 9 | 3. 可以配置最多提示条数 10 | 4. 请注意要修改为符合自己后台返回的格式要求 11 | 12 | 13 | * ###### 使用说明 14 | 1. 内部名词解释 15 | * 在输入框中输入文字,默认延时500ms后显示提示的文字 16 | 2. 调用示例 17 | 18 | $('.input').autocomplete({ 19 | prefix: '/',//[string] 20 | url: 'servlet/AQ?s=ig',//[string] 21 | targetEl: $('.inputCtn'),//参照物(用于appendTo和定位) 22 | posAttr: ['0px', '0px'],//外边框的定位[left bottom] 23 | itemNum: 10,//[int] 默认全部显示 24 | callback: function(data) {//获取文本后的回调函数 25 | $('.showCtn').append(data); 26 | } 27 | }); 28 | -------------------------------------------------------------------------------- /autocomplete/css/autocomplete.css: -------------------------------------------------------------------------------- 1 | /* jquery.autocomplete.css */ 2 | 3 | 4 | .AU_outerCtn { 5 | border-radius: 5px 5px 0 0; 6 | background: #fff; 7 | position: absolute; 8 | border: 1px solid #d9d9d9; 9 | box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15); 10 | z-index: 100000; 11 | width: 100%; 12 | } 13 | 14 | .AU_innerCtn { 15 | cursor: pointer; 16 | } 17 | 18 | .AU_innerCtn_focus { 19 | background: #e3f8ff; 20 | } 21 | 22 | .AU_txt { 23 | padding: 0 8px; 24 | line-height: 26px; 25 | } 26 | 27 | .AU_replaceTip { 28 | color: #f00; 29 | } 30 | -------------------------------------------------------------------------------- /autocomplete/demo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 |第一组:
53 |111
56 |222
61 |333
66 |第二组:
71 |444
74 |555
79 |第三组:
84 |666
87 |777
92 |第四组:
97 |888
100 |999
105 |警告:旺旺表情禁止商用!
74 |请尽量上传大一点的文件,方便查看过程(图片资源会自动显示预览图)
32 | 33 | 34 | 35 | 64 | -------------------------------------------------------------------------------- /h5Upload/js/h5Upload.js: -------------------------------------------------------------------------------- 1 | /** 2 | * jquery.h5Upload.js 3 | * 4 | * Copyright (c) 2017/4/25 Han Wenbo 5 | * 6 | **/ 7 | 8 | ;(function($, window, document, undefined) { 9 | var plugName = "h5Upload", 10 | defaults = { 11 | url: '',// 上传接口,后台接口须支持接收多文件 12 | maxNum: 0,// 单次最大上传数量 13 | $trigger: null,// 触发上传的input 14 | $drag: $(document),// 上传进度和图片预览显示的框 15 | startcall: function(ran) {},// 开始上传时的回调 16 | callback: function(data, ran) {},// 上传结束后的回调 17 | type: '',// 允许上传的文件格式,如:gif|jpeg|bmp|jpg|png 为空时不限制格式 18 | typecall: function(noSuit) {},// 不符合文件类型时的回调 19 | }; 20 | 21 | function H5Upload($el, options) { 22 | this.plugName = plugName; 23 | this.$el = $el; 24 | this.defaults = defaults; 25 | this.options = $.extend({}, defaults, options); 26 | this.init(); 27 | } 28 | 29 | H5Upload.prototype = { 30 | init: function() { 31 | this.variable();// 声明变量 32 | this.event();// 绑定事件 33 | }, 34 | // 声明变量 35 | variable: function() { 36 | var style = 37 | '.upFileMask {'+ 38 | 'width: 100%;'+ 39 | 'height: 100%;'+ 40 | 'top: 0;'+ 41 | 'left: 0;'+ 42 | 'background: rgba(0, 0, 0, 0.4);'+ 43 | 'position: fixed;'+ 44 | 'z-index: 19930606;'+ 45 | '}'+ 46 | '.upFileCtn {'+ 47 | 'padding: 10px;'+ 48 | 'text-align: center;'+ 49 | 'position: absolute;'+ 50 | 'top: 50%;'+ 51 | 'left: 50%;'+ 52 | 'transform: translate(-50%, -50%);'+ 53 | 'max-height: 80%;'+ 54 | 'overflow: auto;'+ 55 | '}'+ 56 | '.upFileItem {'+ 57 | 'display: inline-block;'+ 58 | 'padding: 0 5px;'+ 59 | '}'+ 60 | '.upFileImg {'+ 61 | 'border: 0;'+ 62 | 'max-height: 200px;'+ 63 | '}'+ 64 | '.upFileName {'+ 65 | 'color: #fff;'+ 66 | 'font-size: 12px;'+ 67 | 'text-align: center;'+ 68 | 'margin-bottom: 5px;'+ 69 | '}'+ 70 | '.upFileAbort {'+ 71 | 'position: absolute;'+ 72 | 'right: 0;'+ 73 | 'top: 0;'+ 74 | 'background: #3d3f40;'+ 75 | 'color: #fff;'+ 76 | 'border-radius: 100%;'+ 77 | 'font-size: 12px;'+ 78 | 'cursor: pointer;'+ 79 | 'width: 15px;'+ 80 | 'height: 15px;'+ 81 | 'line-height: 15px;'+ 82 | '}'+ 83 | '.upFileOuter {'+ 84 | 'height: 5px;'+ 85 | 'background: #1a1a1a;'+ 86 | 'position: relative;'+ 87 | 'border-radius: 5px;'+ 88 | 'overflow: hidden;'+ 89 | '}'+ 90 | '.upFileInner {'+ 91 | 'display: inline-block;'+ 92 | 'height: 100%;'+ 93 | 'background: #5e90d6;'+ 94 | 'position: absolute;'+ 95 | 'top: 0;'+ 96 | 'left: 0;'+ 97 | '}'; 98 | 99 | if(!$('[UP]')[0]) { 100 | $('head').append(''); 101 | } 102 | 103 | // 无法预览base64 104 | this.base64 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABYCAYAAABiQnDAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI1Q0NBQjg1NUExNzExRTY5RTEzREZFNTRENzc4RkFGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI1Q0NBQjg2NUExNzExRTY5RTEzREZFNTRENzc4RkFGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjVDQ0FCODM1QTE3MTFFNjlFMTNERkU1NEQ3NzhGQUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjVDQ0FCODQ1QTE3MTFFNjlFMTNERkU1NEQ3NzhGQUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4+S+GgAAAGC0lEQVR42uyc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'; 105 | this.fileData = [];// fileData 为数组 106 | }, 107 | // 绑定事件 108 | event: function() { 109 | var This = this; 110 | 111 | This.options.$drag.on('drop.UP', function(e) { 112 | e.stopPropagation(); 113 | This.fileData = e.originalEvent.dataTransfer.files; 114 | This.autoUpload(This.options.url, This.options.$trigger, This.options.startcall, This.options.callback, This.options.type, This.options.typecall); 115 | return false; 116 | }).on('dragleave.UP dragenter.UP dragover.UP', function(e) { 117 | e.stopPropagation(); 118 | return false; 119 | }) 120 | This.h5Upload(This.options.url, This.options.maxNum, This.options.$trigger, This.options.startcall, This.options.callback, This.options.type, This.options.typecall); 121 | }, 122 | // 上传方法 123 | h5Upload: function(url, maxNum, $trigger, startcall, callback, type, typecall) { 124 | var This = this; 125 | 126 | $trigger.on('change.UP', function() { 127 | This.fileData = []; 128 | try { 129 | var len = maxNum ? (maxNum>$trigger[0].files.length?$trigger[0].files.length:maxNum) : $trigger[0].files.length; 130 | for(var i=0; i'+ This.fileData[i].name +'
'); 182 | 183 | $upFileName.appendTo($upFileItem); 184 | $upFileItem.appendTo($upFileCtn); 185 | 186 | try { 187 | var reader = new FileReader();//IE9-不支持FileReader 188 | if(This.fileData[i].type.indexOf('image')+1) {//可预览 189 | reader.readAsDataURL(This.fileData[i]); 190 | reader.onload = function(e) { 191 | var $upFileImg = $('人生很短暂,一辈子能遇到几个真心懂你的、爱你的知心朋友,也许你沮丧、失落。可是空落落的心哪能承受的起那么多。曾经假想,假如那一切没发生,爱你的人没有离你而去,又会怎样,假如生活欺骗了你,你是否可以坦然面对呢?你是否可以宽容以待?
111 |逝去的已逝去,何必留恋呢?没有人会同情弱者,你只有崛起,那又何必悲伤、何必停留。世界没有你照样转。哪有为何做不必要的等待、牺牲。
112 |生活很美好,现实很骨感,那有何必因为一些事、一些人所牵绊呢?
113 |假如生活欺骗了你,不要悲伤、不要抱怨。从现在起,收获所拥有的,忘却没有的,这样你才会慢慢坚强起来。
114 |假如生活欺骗了你,即使暂时无法抚平受伤的心灵,总有一天幸福会降临。
115 |假如生活欺骗了你,学会包容,学会孤单,即使寂寞,也不要表现出来,不要给小瞧你的人机会鄙视,学会隐忍。
116 |也许生活并没有童话的美好,但是领悟了就好了,人性的自私并不是你所能改变,学会适应才是王道也。
117 |也许生活并不是预料的美好,请不要忧伤,人生并不是一帆风顺,即使失败,笑着面对,一切都会过去。
118 |也许容易得到的,你不一定珍惜,那又何必呢?坎坷的路上,虽然艰辛,但拥有一颗恒心,梦想总会花开。
119 |暂时的失败并不代笔什么,重要的是你要拥有一颗平常心,微笑的对待,生活会更美好。
120 |这一刻,也许你跌倒了,也许跌疼了,也许落泪了,请不要伤心。擦干你的泪水继续前行。总有一天你会体会收获的喜悦。
121 |看远处的鲜花在向你招手,哭泣后的喜悦马上要降临。加油。
122 |生活欺骗了你,只是为你下一次的路途搬走拌石,生活欺骗了你,只是为了你下一次的重生。那又何必纠结呢?为何不收起你那份受伤的心呢?选择原谅,选择坚强。才会让此刻的你继续前行。那就放手,丢去不必要的烦恼。继续航帆前行。
123 |人生很短暂,一辈子能遇到几个真心懂你的、爱你的知心朋友,也许你沮丧、失落。可是空落落的心哪能承受的起那么多。曾经假想,假如那一切没发生,爱你的人没有离你而去,又会怎样,假如生活欺骗了你,你是否可以坦然面对呢?你是否可以宽容以待?
132 |逝去的已逝去,何必留恋呢?没有人会同情弱者,你只有崛起,那又何必悲伤、何必停留。世界没有你照样转。哪有为何做不必要的等待、牺牲。
133 |生活很美好,现实很骨感,那有何必因为一些事、一些人所牵绊呢?
134 |假如生活欺骗了你,不要悲伤、不要抱怨。从现在起,收获所拥有的,忘却没有的,这样你才会慢慢坚强起来。
135 |假如生活欺骗了你,即使暂时无法抚平受伤的心灵,总有一天幸福会降临。
136 |假如生活欺骗了你,学会包容,学会孤单,即使寂寞,也不要表现出来,不要给小瞧你的人机会鄙视,学会隐忍。
137 |也许生活并没有童话的美好,但是领悟了就好了,人性的自私并不是你所能改变,学会适应才是王道也。
138 |也许生活并不是预料的美好,请不要忧伤,人生并不是一帆风顺,即使失败,笑着面对,一切都会过去。
139 |也许容易得到的,你不一定珍惜,那又何必呢?坎坷的路上,虽然艰辛,但拥有一颗恒心,梦想总会花开。
140 |暂时的失败并不代笔什么,重要的是你要拥有一颗平常心,微笑的对待,生活会更美好。
141 |这一刻,也许你跌倒了,也许跌疼了,也许落泪了,请不要伤心。擦干你的泪水继续前行。总有一天你会体会收获的喜悦。
142 |看远处的鲜花在向你招手,哭泣后的喜悦马上要降临。加油。
143 |生活欺骗了你,只是为你下一次的路途搬走拌石,生活欺骗了你,只是为了你下一次的重生。那又何必纠结呢?为何不收起你那份受伤的心呢?选择原谅,选择坚强。才会让此刻的你继续前行。那就放手,丢去不必要的烦恼。继续航帆前行。
144 |1. demo1 是最简单的调用示例
156 |2. demo1 内容改变会自动滚动到最底部
157 |3. demo2 内容改变不会自动滚动到最底部,且滚动条样式可自定义
158 |4. 可设置滚动到固定位置,滚动过程中提供钩子
159 |5. 插件可嵌套使用(如:body和demo1、2嵌套使用)
160 |