原生js+css實現二級伸縮菜單
...
原文：原生JS+CSS實現日期插件
筆者最近在學習Element UI，覺得它提供的日期選擇器既簡單又美觀，於是仿照着寫了一個日期插件。筆者使用到的技術有ES CSS和HTML，控件兼容IE 和谷歌瀏覽器。有一點需要注意，筆者使用到iframe包裹彈出層，由於瀏覽器的同源安全策略，代碼必須得放到tomcat的webapps文件夾下，以相對路徑來訪問，如http: localhost: datepicker index.html。代 ...
2019-10-13 21:33 0 688 推薦指數：
相關推薦
JS+CSS實現的下拉刷新/上拉加載插件
閑來無事，寫了一個當下比較常見的下拉刷新/上拉加載的jquery插件，代碼記錄在這里，有興趣將代碼寫成插件與npm包可以留言。 體驗地址：http://owenliang.github.io/pullToRefresh/ 項目地址：https://github.com/owenliang ...
使用原生JS+CSS或HTML5實現簡單的進度條和滑動條效果
前言 我個人非常喜歡js+css的強大表現能力,這也是我喜歡前端開發的原因之一,后端通常都是在和數據打交道,很多東西都是抽象的數據結構,不直觀也不美觀,而前端着重於界面視圖的渲染以及各種各樣有意思的交互效果,其中像我們在客戶端中見到的安裝進度條效果以及滑塊拖動效果,使用js+css都能夠在頁面 ...
原生js+css實現重力模擬彈跳系統的登錄頁面
今天小穎把之前保存的js特效視頻看了一遍，跟着視頻敲了敲嘻嘻，用原生js實現一個炫酷的登錄頁面。怎么個炫酷法呢，看看下面的圖片大家就知道啦。 效果圖： 不過在看代碼之前呢，大家先和小穎看看css中的opacity、transition、box-shadow這三個屬性 ...
JS+CSS實現靜態登錄界面
最終效果如下圖 實現的代碼 ...
JS+CSS實現左右文字滾動
...
JS+CSS實現數字滾動
最近在實現一個顯示RGB顏色數值的動畫效果時，嘗試使用了writing-mode(書寫模式)及 text-orientation來實現文字的豎直方向的排列，並借助CSS的transition(過渡)來實現動畫效果。關於書寫模式，參考鏈接[鏈接描述]1 各瀏覽器對writing-mode ...
純js+css實現loading等待效果
此插件是基於jqueryUI的widget,下面是具體實現代碼 第一部分css: 第二部分jquery: 第三部分調用： 這里需要說明下，首先需要初始化loading，如下面例子： 最后通過window.setTimeOut ...