原创 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; //監聽