原创 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