timmy / 增強版頁面內導航與動畫效果
0 j'aimes
0 forks
1 fichiers
Dernière activité 10 months ago
這是一個帶有固定導航欄的 HTML 範例，實現了頁面內導航、滾動高亮導航連結、區塊進入視窗時的動畫效果，以及返回頂部按鈕功能，並使用 JavaScript 自訂平滑滾動效果增強用戶體驗。
| 1 | <!DOCTYPE html> |
| 2 | <html lang="zh-Hant"> |
| 3 | <head> |
| 4 | <meta charset="UTF-8"> |
| 5 | <title>增強版頁面內導航範例</title> |
| 6 | <style> |
| 7 | body { |
| 8 | font-family: Arial, sans-serif; |
| 9 | /* 移除 CSS 平滑滾動，使用 JavaScript 控制 */ |
| 10 | margin: 0; |
timmy / Leaflet 互動地圖應用
0 j'aimes
0 forks
1 fichiers
Dernière activité 10 months ago
此程式使用 Leaflet 建立一個互動地圖，並整合標記群集、地理搜尋、繪圖工具、量測工具及路徑規劃功能。使用者可以在地圖上添加標記、繪製形狀、量測距離，並規劃路線，適用於 GIS 應用和導航服務。
| 1 | <!DOCTYPE html> |
| 2 | <html> |
| 3 | <head> |
| 4 | <title>Leaflet 地圖範例</title> |
| 5 | <meta charset="utf-8" /> |
| 6 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 7 | <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" /> |
| 8 | <link rel="stylesheet" href="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.css" /> |
| 9 | <link rel="stylesheet" href="https://unpkg.com/leaflet-draw/dist/leaflet.draw.css" /> |
| 10 | <style> |
Plus récent
Plus ancien