原创 簡單的數組求和
demo：http://codepen.io/tianzi77/pen/YXdXjb <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
2020-06-16 02:51:05
原创 innerHTML,innerText,outHTML的用法及區別詳解
innerHTML,innerText,outHTML的用法及區別,今天就詳細的解說並且帶有實例說明。大家一看就明白，進入正題，接下來我們用下面的這段代碼做測試 <div id="tianzi"> <span style="col
2020-06-16 02:51:05
原创 改變網頁背景色的一種思路
隨便寫寫啦，其實太簡單啦，就當玩玩配色： http://codepen.io/tianzi77/pen/GJPRYE 結構html <div class="bg"> <div id="yellow"></div>
2020-06-16 02:51:05
原创 CSS 相對/絕對(relative/absolute)定位與jQuery的控制顯示隱藏
以前寫顯示隱藏老是用jq方法控制： dom.show(); dom.hide(); 其實這樣還是有很多缺陷的。 這是html結構： <div class="holi"> here are some tes
2020-06-16 02:51:05
1
原创 css中的bfc怎麼玩？
首先弄明白一個概念，上面是bfc？ w3c是這樣解釋 BFC(Block Formatting Context)是Web頁面中盒模型佈局的CSS渲染模式。它的定位體系屬於常規文檔流。 說通俗一點就是： float的值不爲n
2020-02-25 06:54:26
原创 頁面仔玩樣式
demo地址：http://codepen.io/tianzi77/pen/pJYQLw 結構html： <!--做一名合格的頁面仔--> <div id="nav"> <ul>
2020-02-25 06:54:26
原创 網站右側導航條的玩法
最近心情很不好，各種工作生活上面的事情，讓我很是受傷，剛出來工作感覺程序員確實是個神奇的行業，一個個都覺得自己的智商挺高的，哎，每天起早貪黑的上下班，還天天受氣，真是日了夠了，一個人一座城，一行代碼到天明。 或許真的老了，我居然前
2020-02-25 06:54:26
原创 表格js插件highcharts
中文官網：http://www.hcharts.cn demo：http://www.hcharts.cn/demo/index.php?p=27 確實很方便。 另外 var arr=[ { "endCount":
2020-02-25 06:54:26
原创 用svg實現上傳圖片進度條效果
demo:http://codepen.io/tianzi77/pen/jPXRKo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
2020-02-25 06:54:26
原创 被這個樣式驚醒
http://codepen.io/tianzi77/pen/ZGPmgR 在codepen上面看到的一個效果，我承認我是一個偏向審美的頁面仔。如此效果卻被同事說她並不喜歡玩樣式。。。 看看簡介的html結構： <h1 c
2020-02-25 06:54:26
原创 網頁遮層
<div class="mask-cj" style="display:none; position:absolute; width:100%; height:100%; top:0; left:0; z-index:888
2020-02-25 06:54:26
原创 禁止右鍵js
document.oncontextmenu = function () { return false } 自定義右鍵菜單 ： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr
2020-02-25 06:54:26
原创 也玩before 和after僞元素玩五顏六色的導航
demo地址：http://codepen.io/tianzi77/pen/gpEMxb 僞元素能做什麼呢？ “僞元素”，顧名思義。它創建了一個虛假的元素，並插入到目標元素內容之前或之後。 單詞“pseudo”是希臘語的英譯，它
2020-02-25 06:54:26
原创 無聊玩閉包
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <
2020-02-25 06:54:26