原创 隨機產生5個從0到10之間不重複的整數
既然是隨機，就必然會用到Math.random()，它能隨機產生大於等於0，小於等於1的數字。 我們要的是0到10之間的整數，所以我們將它乘10。(Math.random()*10) 我們要的是整數，因此，
2020-06-07 07:31:32
原创 =、==、 ===的區別
<script> setInterval(fun,100) var i=0; function fun(){ i++; if(i==12){i=i-12};
2020-06-07 07:31:32
原创 文章收起與展開效果的實現
方式一（display）： <style> div{width:800px;} p{text-indent:2em;} #box1{display:none;} </style> <div id="box
2020-06-07 07:31:21
原创 html5優越性
html5有許多新特性，極大地方便了web開發者。 比如如果我們想讓用戶通過點擊模擬日曆上的日期來選擇日期，我們不必再計算每天每月每年的日子，考慮是否是閏年等等，這樣浩大的工作量顯然不是一時三刻就能做出來的，如今我們只需在input標籤內
2018-09-03 22:37:53
2
原创 js、css的動態引入
在使用myFocus時只需在設置參數的地方寫上我們所需的風格名稱即可，並不需要引入對應的js,css文件，結果就能實現輪播效果，這是怎麼回事呢？它一定引入了，那它是怎麼引入的呢？ 其實這也很簡單，我們也能做到。只不過是在j
2018-09-03 22:37:51
原创 document.documentElement和document.body
<script> var a9=document.documentElement.clientWidth;// 包含margin-top ,bottom var a10=document.body.clientWidth;//不包含ma
2018-09-03 22:37:50
原创 實現讓元素看不到的幾種方式
下面簡單羅列了幾種讓元素看不到的幾種方式： display:none 消失了，因此頁面中沒有它的位置了，其他元素會佔據它有的位置 visibility:hidden 看不到了，但還佔據着原來的位置 opacity:0只是肉眼看不見，該有
2018-09-03 22:37:49
原创 色彩動畫
由於色彩動畫並不包含在覈心jQuery庫中，我們也不會經常使用色彩動畫。所以當我們突然想做色彩變幻效果卻又不知道色彩動畫的這個插件時可能會無從下手。 如果需要生成色彩動畫，需要從jQuery.com下載Color Anim
2018-09-03 22:37:49
原创 if else
有時候我們要寫很多if條件語句，這時我們一定要小心，不要爲了省事寫成 if(){} if(){} if(){} if(){} 最好寫成if(){} else if(){} else if(){} else if(){}
2018-09-03 22:37:49
原创 另一種方式實現京東頂部寬度全屏
京東頂部有一個導航欄，一個可以關掉的廣告，還有一條花紋。這個任務應該不難。 不過網頁內容都是居中的，唯有頂部的板塊寬度爲屏幕寬度。如果我們把整個網頁都做成div裏面再套一個div，然後讓裏面的div margin=auto
2018-09-03 22:37:49
原创 放大鏡效果實現
效果圖： <style type="text/css"> #A1,#A2{ border:1px red dotted; width:220px; height:220px; background:ur
2018-09-03 22:37:49
原创 javascript機制致錯
寫如下代碼alert( 0.07*100 )，結果竟然不是7，而是一長串的數字7.000000000000001。根本原因是javascript存儲數字的機制。我們不必深究。遇到這種情況只需要寫成alert( Math.floor(0.0
2018-09-03 22:37:48
原创 簡化腳本
其實我們可以自己寫一些腳本，把他們編寫成通用的函數，將他們存放到一個單獨的文件。將來我們設計網頁時就不必大費周折，把代碼寫上一遍又一遍。直接引用，只需傳幾個具體的參數即可。 <div id="box" style="width:
2018-09-03 22:37:48
原创 評分條的實現
效果圖： <style> #box{width:140px;height:27px;} .pox{width:25px;height:25px;border:1px solid #ccc;float:left;} </style> <d
2018-09-03 22:37:47
原创 一些navigator方法小結
<script type="text/javascript"> var a1=navigator.platform;//返回運行瀏覽取得操作系統平臺 var a2=navigator.userAgent;//返回由客戶機發送服務器的use
2018-09-03 22:37:47