未完成
已完成
摘要:最近在學一部分前端,知識點很多,卻沒怎么系統地應用過,因而理解可能不夠深吧。
最近在學一部分前端,知識點很多,卻沒怎么系統地應用過,因而理解可能不夠深吧。所以我想做點片段似的東西,不懂的再在網上搜一搜,這樣可能會更有意思點,所以做了這個記錄,希望自己堅持下去!
Mytodolist
html code:
MyTodolist My todolist未完成
已完成
css code:
@CHARSET "UTF-8"; /* two colors to use: rgba(100,147,235,1.0) rgba(222,184,134,1.0) */ html,body,div,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, b,u,i,center, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; outline: 0; /*font-size: 100%; /*字體默認大小*/ font-size:18px; vertical-align: transparent; background: transparent; font-family:Arial; } body{line-height: 1;} ol,ul{list-style: none;} blockquote,q{quotes: none;} blockquote:before,blockquote:after,q:before,q:after{content: "";content: none;} a{text-decoration: none;} #title{ background-color:rgba(100,147,235,1.0); text-align:center; height:50px; } #content{ background-color:rgba(220,220,220,1.0); min-height:700px; } span{ display:inline-block; width:150px; height:50px; line-height:50px; text-align:left; } .blank{ width:350px; height:20px; color:gray; border:0px; } .do{ width:500px; min-height:100px; position:relative; left:425px; } p{ height:50px; line-height:50px; font-family:微軟雅黑; font-weight:bold; } li{ background-color:rgba(222,184,134,1.0); height:25px; line-height:25px; margin-left:25px; margin-bottom:10px; border-radius:5px;/*設置成圓角 */ border-bottom:1px solid black; } label{ font-family:微軟雅黑; font-size:14px; } .clear{ width:50px; height:30px; font-family:微軟雅黑; font-size:14px; font-weight:bold; border-radius:5px; border-bottom:1px solid black; background-color:lightblue; } .btnarea{ text-align:right; } b{ font-size:8px; display:inline-block; float:right; color:blue; } .circle{ width:20px; height:20px; border-radius:20px; border:1px solid lightgray; text-align:center; font-size:15px; font-weight:bold; position:relative; left:425px; background-color:rgb(232,232,241); font-family:Arial; }
js code:
function clearText() { var nodes = document.getElementsByName("thing"); var inputNode = nodes[0]; inputNode.value = ""; } function addThing() { var nodes = document.getElementsByName("thing"); var inputNode = nodes[0]; var text = inputNode.value if (text != "") { var undoUl = document.getElementsByName("undo")[0]; undoUl.innerHTML += "
仿導航條效果
(1) 鼠標懸停時切換展示內容
(2) 自動輪播展示內容
(3) 清除自動展示
html code:
導航條效果
css code:
js code:
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/96596.html
摘要:不是一下子能看完綜合使用編程是一番怎樣的體驗學習筆記網站前端開發基礎算法題如何優雅地使用如何優雅地使用零度博客碼農網伯樂在線什么是頁面渲染國外先更到這,還有太多網址,先歸類一下再補充。 最近在復習JavaScript知識時遇到以前就不懂的閉包、上下文,雖然比以前理解深了一點,但還是懵,想緩一下。。就去看了其他。。把Git、Grunt、Gulp、jQuery、jQuery UI、Reac...
摘要:不是一下子能看完綜合使用編程是一番怎樣的體驗學習筆記網站前端開發基礎算法題如何優雅地使用如何優雅地使用零度博客碼農網伯樂在線什么是頁面渲染國外先更到這,還有太多網址,先歸類一下再補充。 最近在復習JavaScript知識時遇到以前就不懂的閉包、上下文,雖然比以前理解深了一點,但還是懵,想緩一下。。就去看了其他。。把Git、Grunt、Gulp、jQuery、jQuery UI、Reac...
摘要:不是一下子能看完綜合使用編程是一番怎樣的體驗學習筆記網站前端開發基礎算法題如何優雅地使用如何優雅地使用零度博客碼農網伯樂在線什么是頁面渲染國外先更到這,還有太多網址,先歸類一下再補充。 最近在復習JavaScript知識時遇到以前就不懂的閉包、上下文,雖然比以前理解深了一點,但還是懵,想緩一下。。就去看了其他。。把Git、Grunt、Gulp、jQuery、jQuery UI、Reac...
摘要:好多編輯器例如等都支持這樣的語法來快速的編寫代碼如何優雅地使用把標簽放在結束標簽之后結束標簽之前的差別什么是響應式設計怎樣進行 書籍 《JavaScriptDOM編程藝術》《JavaScript高級程序設計》《JavaScript框架設計》《JavaScript專家編程》《JavaScript Ninjia》《JavaScript語言精粹(修訂版)》《JavaScript設計模式》《J...
摘要:好多編輯器例如等都支持這樣的語法來快速的編寫代碼如何優雅地使用把標簽放在結束標簽之后結束標簽之前的差別什么是響應式設計怎樣進行 書籍 《JavaScriptDOM編程藝術》《JavaScript高級程序設計》《JavaScript框架設計》《JavaScript專家編程》《JavaScript Ninjia》《JavaScript語言精粹(修訂版)》《JavaScript設計模式》《J...
閱讀 1176·2021-10-11 10:59
閱讀 1963·2021-09-29 09:44
閱讀 853·2021-09-01 10:32
閱讀 1424·2019-08-30 14:21
閱讀 1870·2019-08-29 15:39
閱讀 2973·2019-08-29 13:45
閱讀 3532·2019-08-29 13:27
閱讀 2006·2019-08-29 12:27