原创 js中的運動
1 簡單運動(勻速)box{ width: 100px; height: 100px; background-color: #ccc; position: absolute; top:200px;
原创 css中漸變色作爲背景圖來使用總結
此時的效果是:修改代碼:此時的效果是:總結:1 50%指的是在50px中佔50%
原创 css中absolute定位的top:100%和bottom:0的區別
使用top:100%;此時的效果是:使用bottom:0;此時的效果是:
原创 css中steps的使用
總結:1 理解動畫中的steps的作用
原创 jquery中的trigger的使用
點擊按鈕觸發窗口大小改變事件。。。。頁面加載完以後觸發按鈕的點擊事件。。。。
原创 css中列表中左右border疊加的問題
代碼:此時的效果是:如果不要margin-right:-10px代碼的效果:我們也可以用margin-left來實現出來:總結:1 margin-left爲負值的使用2 margin-right爲負值的使用
原创 css中列表中上下border疊加的問題
代碼:此時的效果是:解決辦法:此時的效果是:常見的場景應用:代碼:<ul class="list-group"> <li class="list-group-item">Cras justo odio</li> <li cl
原创 echarts中關於字體設置的配置
1 legend字體大小的配置2 x軸和y軸上的刻度值的字體大小的配置3 visualMap的字體大小的配置4 餅狀圖上的文字大小的配置其對應的是:
原创 隱藏元素之後改變窗體大小時echarts顯示異常問題
代碼:問題再現步驟:第一步: 打開頁面,能夠正常顯示圖表第二步: 點擊隱藏按鈕,讓box隱藏掉,如果此時直接點擊顯示按鈕,圖表依舊可以 正常顯示,沒毛病。重點是,如果此時點擊完了隱藏,不點擊顯示,而是拖動窗口大小
原创 在同時使用animation和translate時,translate無效
代碼:那麼該問題解決?解決的思路就是,既然animation和translate一起使用時會有問題,那就分開,所以就給box外面再套一層div就行了,把兩個屬性分別給兩個div,沒有什麼是多加一層解決不了的問題<div class="out
原创 動態切換父元素隱藏和顯示裏面的子元素的動畫會再一次執行嗎?
代碼:完整代碼:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; paddi
原创 css中的漸變色和突變
代碼:效果:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding
原创 css中選中前n個子元素和後n個子元素
html:css代碼:/*選中前5個元素*/ .box>div:nth-child(-n+5){ background-color: red; } /*選中後5個元素*/ .box>div:nth-last-child(-n+5){ bac
原创 localstorage存儲對象數組
// 存 localStorage.setItem('evalutaionData',JSON.stringify(data)); // data是一個對象數組 [{},{},....] // 取 var res = JSON.parse