原创 設置了hover僞類中有cursor:hand但是沒有效果
有的時候我們需要給button設置一個在懸停上面時出現小手的效果。但是輸入hand沒有效果，後來通過百度發現，使用pointer就可以瞭如下:.button:hover{ cursor: pointer; }
2019-02-22 23:23:11
原创 橫向導航欄
本文轉自“極客學院”課程：CSS常用操作-》導航欄要實現的效果如圖：我們通過CSS3來實現這種橫排的表現效果<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf
2019-02-22 23:23:11
原创 CSS3中2D轉換學習需知
本文屬於入門級博文，大神可以自行屏蔽~首先，關於CSS3的2D3D轉換的學習很有必要，因爲可以利用這項技術輕鬆做出比較複雜的動畫效果，那麼，我們就從w3school的教學課程入手開始學習吧！先試試最簡單的translate.div2{ t
2018-09-11 09:34:58
1
原创 Ajax的入門學習須知
學習Ajax可以用的開發環境或編輯器有很多，個人在初學時使用的是谷歌瀏覽器和Sublime。下面說幾個在初學的時候需要注意到的地方：我們一般直接用JQuery庫中的Ajax，所以一定要在head中就引入。調試一個Ajax的內容時，不要直接在
2018-09-11 09:34:58
原创 谷歌瀏覽器，input不顯示border
今天在寫提交表單的頁面的時候非常榮幸地遇到了一個問題，input表單不顯示邊框，就好像沒有一樣，但實際上它是存在的。就象這樣：如果強行加border屬性，瀏覽器會把border刪掉後來，在這個百度知道上發現了答案：http://zhidao
2018-09-11 09:34:56
原创 程序員詩歌-《愛你的結構》
說好的小雪，你不下……蒼白了，我，器宇軒昂。想好的真情，我不上，虛構了，你，三尺天堂。先進後出，你在我心靈的客棧，最深的地方。先進先出，願入列你苦澀的年華，出隊在醉美的韶光。有一筆真愛的算法，它無比健壯，可若你讀不懂它，那常數的等待會比指數
2018-09-11 09:34:56
原创 JS實現圖片自動播放，並在鼠標懸停某個圓點時，圖片改變爲其代表的圖片。
如題，我們將實現這一效果。首先是html5的部分：<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <link rel="stylesheet"
2018-09-11 09:34:51
2
原创 比較規矩的圖片瀑布流
本文部分轉自“極客學院”-》CSS常用操作-圖片我們要實現如下的效果：如果鼠標移動到某張圖片了，要高亮顯示這張圖，並且如果移到了字的部分，字也不那麼突出地顯示背景顏色。這種圖片佈局方式相較於比較隨意的瀑布流就小清新了許多，確實在應用中也常見
2018-09-11 09:34:51
原创 如何實現頁面中點擊+號多張圖片緩慢展開，再次點擊×緩慢收起
本文內容轉自“東軟睿道”培訓內容。首先我們畫出基本的內容，我們需要一個標題的部分然後是一個展開的按鈕，這裏簡化爲一個加號<!DOCTYPE html> <html> <head> <title></title> <meta charse
2018-09-11 09:34:50
原创 橫向導航欄
本文轉自“極客學院”課程：CSS常用操作-》導航欄要實現的效果如圖：我們通過CSS3來實現這種橫排的表現效果<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf
2018-09-11 09:34:50