Skip to content

Instantly share code, notes, and snippets.

View whc915's full-sized avatar

whc915

View GitHub Profile
@whc915
whc915 / jQuary tabs
Last active November 6, 2021 16:18
jQuary tabs
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery UI Tabs - Default functionality</title>
<!--jQuery 語法-->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="style.css"> <!-- 將原本上方的style.css，移到jquery-ui.css下方，css設定，以讀取最後的設定為主。-->
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
@whc915
whc915 / jQuery 語法.fadeIn
Last active November 9, 2020 15:59
jQuery 語法.fadeIn
<head>
<!--jQuery 語法-->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
$(function() {
$( "main" ).hide();
$( "main" ).fadeIn(2000);
});
@whc915
whc915 / jQuary fadeIn
Created November 8, 2020 10:52
jQuary fadeIn
$("div").fadeIn(2000);
@whc915
whc915 / footer
Last active October 4, 2020 05:48
@whc915
whc915 / nav
Created February 22, 2019 16:52
<!-- header標頭開始-->
<header>
<h1>一半人生</h1> <!-- 標題1-->
<h3>電影 飛馳人生 主題曲</h3> <!-- 標題3-->
<h2>作詞：韓寒/作曲：阿信/編曲：賴暐哲</h2> <!-- 標題2-->
<!-- nav導覽列設定開始-->
<nav class="navigation"> <!-- nav設定類別（class)為navigation-->
<ul>
<li><a href="index.html">一半人生</a></li>
<li><a href="next.html">知足</a></li>
@whc915
whc915 / a超連結語法
Last active February 22, 2019 16:47
<!-- main內文設定開始-->
<main>
在某個清晨，回望我一生<br> <!-- br換行-->
活得雖認真，卻微小如塵<br>
<p></p> <!-- p段落-->
想要唱首歌，去唱哭別人<br>
最後卻是我，滿臉淚痕<br>
<p></p>
早告別青春，活成了別人<br>
經歷的時代，已如此陌生<br>
@whc915
whc915 / main
Created February 22, 2019 16:32
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>一半人生</title>
</head>
<body>
<header>
<h1>一半人生</h1>
@whc915
whc915 / title
Created February 22, 2019 16:21
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>一半人生</title>
</head>
<body>
<header>
<h1>一半人生</h1>
@whc915
whc915 / header-html
Created February 22, 2019 16:11
<header>
<h1>一半人生</h1>
<h3>電影 飛馳人生 主題曲</h3>
<h2>作詞：韓寒/作曲：阿信/編曲：賴暐哲</h2>
</header>
@whc915
whc915 / hw01-css
Last active October 4, 2020 06:08
@charset "UTF-8"; /* UTF-8編碼，使中文不會產生亂碼*/
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css); /* google雲端字體 思源黑體*/
/* CSS Document */
/* body */
body{
font-family:"Noto Sans TC", sans-serif; /* google雲端字體 思源黑體*/
background: #fff; /* 背景色*/
margin: 0; /* 外部距離設為0*/
text-align: center; /*文字居中對齊*/
-webkit-text-size-adjust: 100%; /*文字大小會達到易讀的大小，但是不會修改佈局*/