前端,純屬紀錄。順便督促

0基礎程式設計學習之路

2018年3月1日 星期四

[CSS]下拉式選單做法參考 & 用 hover使版型更好看

滑動即出現,滑出即消失,有第二層選單
https://www.astralweb.com.tw/pure-css-drop-down-menu/
https://www.minwt.com/webdesign-dev/css/831.html

點擊後出現,滑出不消失,含JS的寫法
http://tech.mozilla.com.tw/posts/642/%E6%B2%92%E6%83%B3%E5%88%B0css%E4%B9%9F%E5%81%9A%E7%9A%84%E5%88%B0%EF%BC%9F%EF%BC%81

點擊後出現,滑出即消失,純CSS寫法
http://audi.tw/Blog/CSS/css.click.asp

hover 以相簿、畫廊為例
http://www.dribs-drabs.com/blog/post/321563384-%E6%95%99%E5%AD%B8-%7C-css-%E7%B6%B2%E9%A0%81%E4%BA%92%E5%8B%95%E7%9A%84%E5%A5%BD%E5%B9%AB%E6%89%8B---hover%E7%9A%84%E6%87%89%E7%94%A8
於 3月 01, 2018
以電子郵件傳送這篇文章BlogThis!分享至 X分享至 Facebook分享到 Pinterest

沒有留言:

張貼留言

較新的文章 較舊的文章 首頁
查看行動版
訂閱: 張貼留言 (Atom)

[JS] 從網路上看到的小技巧文章整理

  • [網站架設]網域、主機租好了,然後呢?我的步驟:A指向、SSH、Ruby、PostgreSQL、rsnapshot
    !!所有相關連結皆須注意發表時間,可能會有版本問題!! 如何架設網站+費用:21個教學(網頁製作軟體)  -張阿道 網站架設-VPS主機申請與安裝  -梅問題教學網 網站架設-VPS主機lxadmin設定與開設帳號  -梅問題教學網 網站架設-lxadmin出現no_ip...
  • [Git]強制push、更改最後一次送出的commit -m
    提交一個錯誤的commit且已經上遠端remote了,該怎麼辦呢? 還原上一個commit編輯後,想直接蓋過最新錯誤的版本: git push -f 是一個危險的指令,單人開發比較安全, 多人時請小心! 強制更新遠端分支  zlargon.gitbooks.io/...

搜尋此網誌

網頁

  • Home

關於我自己

Jungle
檢視我的完整簡介

檢舉濫用情形

標籤

  • HTML/CSS (5)
  • JAVA (6)
  • jQuery (3)
  • JS (6)
  • LIFE (1)

網誌存檔

  • ►  2020 (12)
    • ►  12月 2020 (1)
    • ►  9月 2020 (1)
    • ►  7月 2020 (2)
    • ►  6月 2020 (1)
    • ►  5月 2020 (2)
    • ►  4月 2020 (1)
    • ►  2月 2020 (2)
    • ►  1月 2020 (2)
  • ►  2019 (21)
    • ►  12月 2019 (8)
    • ►  9月 2019 (1)
    • ►  8月 2019 (2)
    • ►  7月 2019 (1)
    • ►  6月 2019 (4)
    • ►  5月 2019 (3)
    • ►  1月 2019 (2)
  • ▼  2018 (62)
    • ►  12月 2018 (1)
    • ►  11月 2018 (3)
    • ►  10月 2018 (7)
    • ►  9月 2018 (5)
    • ►  7月 2018 (3)
    • ►  6月 2018 (7)
    • ►  5月 2018 (9)
    • ►  4月 2018 (7)
    • ▼  3月 2018 (17)
      • [Git]強制push、更改最後一次送出的commit -m
      • [CSS]類似youtube自動撥放?用CSS寫動態圓餅圖進度 key words:旋轉 圓餅圖 遮罩
      • [HTML/CSS]切圖?拿到設計圖之前UI desiner做的事、優化網頁
      • [CSS]BS4、Flex參考網站
      • [HTML]分享連結的縮圖與內文如何設定
      • [網站架設]Nginx + Passenger、新增系統管理帳號、自動化部署及部屬
      • [Ruby] 線上課程網站 Growth School
      • [網站架設]網域、主機租好了,然後呢?我的步驟:A指向、SSH、Ruby、PostgreSQL、rs...
      • [網站架設]支援Rails的主機 & 網域推薦及SSL教學
      • [Ruby]Carrier Wave 來一份上傳圖片要切
      • [HTML]設下載按鈕、自定義音頻播放器 & 遷入PDF文件、影音檔案語法
      • [Ruby]見龍大師的鐵人邦,變數、控制流程篇
      • [Ruby]路徑,不使用helper的情況下 & 實戰聖經 Action View Helpers介...
      • [CSS]學習CSS網站,關於position屬性 & 30個須記住的選擇器
      • [JS]ES6網站資源及Emmet
      • [網站架設]附加服務選購:SSL
      • [CSS]下拉式選單做法參考 & 用 hover使版型更好看
    • ►  2月 2018 (1)
    • ►  1月 2018 (2)
  • ►  2017 (46)
    • ►  8月 2017 (4)
    • ►  7月 2017 (13)
    • ►  6月 2017 (18)
    • ►  5月 2017 (11)
簡單主題. 主題圖片來源:gaffera. 技術提供:Blogger.