原创 Javascript特效之隨機背景圖
Javascript特效之隨機背景圖今天來看看如何實現網頁背景圖隨機切換。其實實現起來很簡單，就是寫一個存圖片路徑的集合，然後再隨機獲取集合的其中一個元素用來生成網頁的背景圖。js代碼：bg = new Array(5); bg[0] =
2020-06-13 21:34:13
3
原创 Javascript特效之評論刪除效果
Javascript特效之評論刪除效果今天來看看怎麼實現類似wordpress的評論刪除效果。效果圖：點擊delete 整個內容會隱藏掉。實現思路：使用jquery動畫功能animate先改變元素背景顏色後再把元素的可見度opacity
2020-02-21 17:33:05
原创 Javascrpit特效之打字機效果
Javascrpit特效之打字機效果今天來看看怎麼實現炫酷的打字機效果。即把一段話一個字一個字的顯示出來。效果圖：實現思路：首先規定好顯示字數的速度即settimeout執行間隔用來控制每個字之間輸出速度。再把判斷段落的總字數，循環段落總
2020-02-21 17:33:05
原创 Javascript特效之模擬抽獎程序
Javascript特效之模擬抽獎程序我們經常會看到一些抽獎程序，應該很多都是H5做的，今天我們來看看js怎麼實現類似抽獎的程序。效果圖：點擊開始時，會一直跳動文本框的值直到我們點擊停止。就類似抽獎的效果。不過這個機率沒法設置。實現思路：
2020-02-21 17:33:04
3
原创 Javascript特效之控制輸入字數和進度條顯示
Javascript特效之控制輸入字數和進度條顯示我們經常會遇到一些網頁的輸入框會限制輸入的字數，並且會顯示出當前輸入了多少個字符，今天來看看怎麼實現。效果圖：可以看到，我們每輸入一個字符下面的進度條會跟着變。實現思路：首先設置好總字數，
2020-02-21 17:33:04
16
原创 Javascript特效之向左滾動的廣告
Javascript特效之向左滾動的廣告今天來看看怎麼實現從右向左無縫滾動的文字廣告效果。效果圖：文字會一直向左重複滾動，直到鼠標放上去才停止。實現思路：因爲是要向左移動，所以使用scrollLeft方法控制元素向左移動。需要寫一個重複執
2020-02-21 17:32:54
原创 Javascript特效之控制文本框輸入
Javascript特效之控制文本框輸入今天我們來看看怎麼實現限制文本框只能輸入中文或者只能輸入英文。效果圖：實現思路：在input控制綁定onkeyup事件，再用正則表達式判斷是中文或者英文，如果不是對應的則替換掉輸入的內容。html:
2020-02-21 17:32:53
原创 Javascript特效之監聽鍵盤按鍵
Javascript特效之監聽鍵盤按鍵我們都知道很多軟件都有快捷鍵可以使用，今天我們來看看怎麼實現網頁的快捷鍵功能。效果圖：當我們按下ctrl和enter時，網頁會彈出對話框。實現思路：其實實現起來很簡單。只要註冊好onkeydown鍵盤
2020-02-21 17:32:53
原创 Css效果之好看的邊框顏色大全
Css效果之好看的邊框顏色大全今天分享一些好看的邊框顏色，需要的可以直接拿走使用。效果圖：html代碼：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt
2020-02-21 17:32:53
原创 Javascript特效之實現省市級聯動
Javascript特效之實現省市級聯動我們在網上買東西經常會需要填地址，而在填地址的時候經常在輸入省份時就會自動彈出對應省份下面的市，今天我們來看看怎麼簡單的通過js實現省市聯動。效果圖：在選擇省份後，後面的下拉框會自動賦值爲該省份下面
2020-02-21 17:32:53
原创 element-ui踩坑記錄之el-pagination分頁
element-ui踩坑記錄之el-pagination分頁 使用 el-pagination爲表格分頁顯示時,出現一個bug.每頁設置顯示7條明明數據有多於21但是分頁後只有3頁.如下圖:
2019-03-10 18:10:31
26
原创 解決頁面刷新後vuex數據丟失
解決頁面刷新後vuex數據丟失 在vue項目中使用vuex來記錄一些狀態時發現按F5刷新頁面後vuex裏面的數據會丟失.因爲js運行的代碼都是存儲在內存中.刷新頁面內存會被釋
2019-03-10 18:10:31
原创 nodejs連接mysql數據庫並作爲模塊使用
nodejs連接mysql數據庫並作爲模塊使用 使用nodejs做api接口來作爲vue項目的後端邏輯處理需要連接mysql數據庫,並作爲組件可以複用. 首先新建一個db.js模塊,然後引
2019-03-10 18:10:31
原创 jquery實現導航欄以及表格表頭滾動時固定功能
jquery實現導航欄以及表格表頭滾動時固定功能 今天來實現一個經常會用到的功能,導航欄或者表格的表頭在當有滾動條向下滾動時,依然可以看到這樣可以更清晰的對應數據是什麼數據.本來可以設置導航欄
2019-01-10 23:24:53
原创 網頁實現文件打包下載
網頁實現文件打包下載 前段時間收到需要批量下載文件的需求。一開始是做一個把所有需要下載的文件複製到粘貼板這樣就可以去迅雷或者其他下載軟件批量下載，但是這樣還是不能滿足
2019-01-01 02:03:34