原创 jQuery—select下拉框左右雙選功能

html:<div id="d1"> <div id="title">選課</div> <div id="d3">     <table cellpadding="0" cellspacing="0"> <tbody>

原创 select下拉框左右雙選功能—jQuery

<div id="selectBox" class="clearfix"> <!--左邊--> <div class="select_side pull-left"> <p>待選區</p> <s

原创 移動端字母索引定位功能

html:<div class="container"> <div class="letter"> </div> <div class="list"> </div> </div> js:        

原创 jQuery 輪播圖 ,幻燈片

輪播圖,html代碼如下: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="wi

原创 輪播圖,圖片太寬太高會變形,並且不居中問題解決辦法

之前做輪播圖的時候,設計給的圖片又長有寬,引入之後圖片會被壓縮變形,並且不居中,於是自己百度了一下,感覺一些方法太繁瑣,自己最後用一種辦法解決了,覺得也很簡單,分享出來供大家參考。 我是用ul,li佈局的,代碼如下: <div clas

原创 javascript原生—懸浮導航欄

今天項目裏有個懸浮導航條的效果,自己用原生寫了個demo,分享出來供大家參考,希望多多交流。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"/> <title>

原创 layui 樹形表格—優化加載速度

項目中要用layui的樹形表格實現某個功能,之前用了一種辦法,但是當數據量比較大的時候(一次性返回了省市縣所有的數據,大概4000條),加載速度比較慢,無奈又換了一種實現辦法。 之前實現的方法:https://blog.csdn.net/

原创 layui 省市區三級聯動

html: <!doctype html> <html> <head> <meta charset="utf-8"> <title>省市區三級聯動</title> <link href="layui/css/layui.c

原创 layui 彈出層中顯示table 表格

html: 點擊按鈕顯示彈窗: <script type="text/html" id="openProductCount"> <a href="javascript:;" class="layui-table-link" style

原创 vue項目在ie下打開白屏

vue項目在ie下打開白屏,使用 babel-polyfill 插件解決: 步驟一:安裝 npm install babel-polyfill 步驟二:在 main.js 中引用 import 'babel-polyfill' 步驟三:在

原创 vue項目router-link在IE下不跳轉,失效

在IE11瀏覽器中,router-link的跳轉是失效的,主要是因爲當url的hash變化的時候,瀏覽器沒有做出相應的反應。這時候需要做一個兼容處理,當瀏覽器是IE11時手動給url加一個hashChange事件。 辦法一: new V

原创 vue項目 微信支付 和 支付寶支付

做了一個項目,有充值功能,充值方式爲 微信和支付寶,效果如下: 代碼: <template> <el-card class="box-card"> <ul class="msg-box"> <li> <h4>我要充

原创 layui 樹形表格

最近的一個項目,用layui裏的表格要實現樹形表格功能,去官網查找沒有,最後在網上找了一位大神開發的插件—treeTable。 插件地址 演示地址: https://whvse.gitee.io/treetable-lay/  項目地址:

原创 後臺管理系統自己手寫頁面佈局

頭部固定,底部固定,左側菜單出現滾動條,效果圖如下: 代碼 <template> <div class="mars-layout mars-layout-admin"> <!-- 頭部 --> <div class="mar

原创 解決 layui — table 單擊行選中radio 與 點擊 radio 選中行

最近做項目用到了layui 裏面的 table ,點擊某一行選中當前行的radio,解決辦法如下: layui.use('table', function(){ var table = layui.table; //監聽