原创 前端HTML——導航條樣式實戰練習
1.頁面內容 <div id="menu"> <a href="">首頁</a> <a href="">新房</a> <a href="">諮詢</a> <a href="">二手房</a> <a href="
2020-06-30 06:16:08
原创 微信小程序——scroll 滾動 滾動事件
** scroll-view ** 1）<scroll-view></scroll-view> 滾動框架 2） <scroll-view > <view id='one' class='scroll-view-item bc_gr
2020-06-30 06:15:57
原创 前端js——鍵盤事件、獲取鍵盤輸入、組合按鍵執行動作
1.鍵盤上按鍵被按下函數 window.onkeydown=function(){ } 2鍵盤上按鍵擡起函數 window.onkeyup=function(){ } 3.數字、字母按鍵被按下並擡起的函數 window.onk
2020-06-30 06:15:57
4
原创 前端js——輪播圖、圖片定時切換模板（圖片滾動）
1.html <img src="../HTML/img/img_1.jpg" id="change"/> 2.js 1）獲取id var change=document.getElementById('change'); 2
2020-06-30 06:15:57
原创 前端html——固定位置：相對定位、絕對定位
相對定位、絕對定位 定位元素都完全脫離文檔流 1.不加定位狀態 2.相對定位 position: relative; top: 50px; left: 50px; 1.完全脫離文檔流 2.它在文檔流中的位置還會被保留（下面的內
2020-06-30 06:15:57
原创 前端——js 天貓商品圖放大鏡效果、鼠標移動顯示放大效果、（查看圖片細節）
1.頁面佈局 定位一個正常的圖片，上面放一個可被鼠標移動的半透明的色塊， 在圖片右側隱藏一個更大的圖片， 當半透明色塊移動時顯示右側大圖的對應部分 注：如果想在網頁中查看源代碼提取文件，提取不到大圖，可以直接Ctrl+s保存網頁全
2020-06-30 06:15:57
原创 前端js——算術運算符、關係運算符、邏輯運算、三元表達
算術運算符 +： 加號兩邊都是數字，則爲加法運算; 加號任意一邊是字符串（引號擴住），則爲字符串連接 -、*、/：會自動進行類型轉換（自動把字符串轉換成數字） ++: 1)++在變量後面，先參與運算，然後變量自增，在下次參
2020-02-20 21:37:19
原创 前端js——函數Number、parselnt、parseFloat、isNaN、eval
Number()轉換成數值類型 1.如果布爾值，false爲0，true爲1 2.如果是undefined轉換爲NaN 3.如果是字符串 如果字符串中有數字，轉換爲10進制(前導0後導0去掉) 如果是有效的規範的浮點型
2020-02-20 21:37:19
原创 前端html——float元素浮動規則
float屬性脫離文檔流的行爲 float:left移動： 往本行的最左邊跑,跑到頭之後往上面一行從右往左跑; 如果浮動元素的上一行是正常元素則浮動元素不能往上跑 1.頁面內容 <div id="one"></div>
2020-02-20 21:37:19
原创 前端js——定時器、定時跑、加速運動
function tim(){ alert('定時器'); } 每隔2秒執行一次time函數（一直） setInterval(tim,2000); 3秒後,執行一次time函數（一次） setTimeout(tim
2020-02-20 21:37:19
1
原创 前端html——獲取隨機數，隨機例子
取0-1之間的隨機數(但是取不到0和1) var result=Math.random(); 取x-y之間的隨機數 var result=Math.random()*(y-x)+x; 取x-y之間的隨機整數 var r
2020-02-20 21:37:19
原创 前端js——懸浮、漂浮廣告模板、鼠標移入移出事件、定時器控制div運動
1.佈局 廣告圖，關閉按鈕 <div id="box"> <img src="../HTML/img/關閉.png" id="close" /> </div> 2.樣式 廣告大小，固定關閉按鈕在廣告的右上角 *{
2020-02-20 21:37:19
原创 前端js——獲取元素位置、元素尺寸
offsetTop(offsetLeft) 獲得元素相對於父元素的座標top值 1.沒有定位的元素，獲得的是距離body的距離 2.有定位獲得的是距離前一個有定位元素的距離，如果前面沒有仍爲距離body的距離 #x{
2020-02-20 21:37:19
原创 前端js——獲得滾動條位置，控制滾動條自動移動
XXX.scrollHeight 得到滾動條可控制移動的整個高度 控制滾動條移動 box.onscroll=function(){ //滾動條事件 var gao=box.scrollTop; //
2020-02-20 21:37:19
1
原创 前端html——浮動元素撐開父級元素
1.頁面內容 <div id="one"></div> <div id="two"></div> 2.頁面樣式 *{ padding: 0; margin: 0; } #one{ width:
2020-02-20 21:37:19