~歡迎轉載，但請註明來源網站名稱和網址，文章若有侵權，請來信告知，我們會盡快處理~ ~歡迎轉載，但請註明來源網站名稱和網址，文章若有侵權，請來信告知，我們會盡快處理~
"你是獵人還是獵物？"
網 站 導 覽
- 1.滑鼠移入移出圖片時能在原圖產生動畫彈出且放大及回復原大小的效果
- 2.滑鼠滑過移出移入 Jquery 特效
- 3.品折扣倒數計時器java語法
- 4.jQuery 圖片淡出淡入及滑動特效及語法
- 5.手風琴特效和語法
- 6.為部落格添加文章分頁效果
- 7.緩慢自動返回上升頂層的語法
- 8.圖片淡出淡入效果制作
- 9.滑鼠移入就會自動停止移動圖文的JavaScript語法
- 10.電視購物轉播jQuery動畫特效及語法
- 11.首頁橫幅廣告自動輪播淡出淡入JQUERY特效及語法
- 12.導航,導覽列滑鼠移入移出變換圖文JQUERY特效及語法
- 13.橫幅廣告自動輪播左中右三塊圖文JQUERY特效及語法
- 14.圖片的滑出式說明描述JQUERY特效及語法
- 15.首頁橫幅廣告自動輪播 JQUERY特效及語法
- 16自動上下翻轉的橫幅廣告JQUERY特效及語法
- 17.導航列 變換圖文 彈跳式頁籤選單 JQUERY特效及語法
- 18.首頁橫幅廣告自動輪播向上擠壓 JQUERY特效及語法
- 19.導覽列淡出淡入JQUERY特效及語法
- 20.左右滑動式頁籤JQUERY特效及語法
- 21.側邊固定滑出式選單 JQUERY特效及語法
- 22.滑鼠移入移出圖片時能在原圖產生動畫彈出
- 23.滑鼠滑過放大圖文及改變方向的變化效果
- 24.彈跳下拉式導航列標籤JQUERY特效及語法
- 25.滾筒式跑馬燈JQUERY特效及語法
- 26.旋轉木馬與jQuery動畫特效演示 線上瀏覽
刷牙防失智！４個好習慣，讓大腦變年輕
照顧好牙齒，也可降低罹患失智的機率。一項長達18年的追蹤研究顯示，一天內刷牙次數少於一次的的年長者，罹患失智者的機率比起每天至少刷牙一次的人要高出65％。
人的大腦不同於身體，往往更能抵抗歲月的壓力。如何讓大腦的保持年輕的活力，不會隨著年齡的增長而衰退？以下是《哈芬頓郵報》提供的4點實用建議：
1.觀看大自然紀錄片：根據最新研究顯示，觀看大自然紀錄片，比起網路測驗或其他腦力遊戲，更能有助於提升語言能力。此外，另一項澳洲研究指出，觀看大自然紀錄片的人，在生活上較不易感到壓力，生活品質也比較好。
2.降低膽固醇：降低膽固醇，不僅對心臟有益，對大腦的健康也很重要。根據研究，膽固醇維持在健康水準，可以降低罹患阿茲海默症以及失智症的風險。另一個研究結果指出，中年肥胖的人，心智能力衰退的速度會高於體重正常的中年人。
3.好好保養你的牙齒：照顧好牙齒，也可降低罹患失智的機率。一項長達18年的追蹤研究顯示，一天內刷牙次數少於一次的的年長者，罹患失智者的機率比起每天至少刷牙一次的人要高出65％。
4.多喝綠茶：綠茶中含有的某種兒茶素，有助於認知能力的提升，特別是男性。此外，近期多項研究顯示，綠茶可減少罹患阿茲海默症的風險，對於大腦思考的活化也很有幫助。（吳凱琳編譯）
~歡迎轉載，但請註明來源網站名稱和網址，文章若有侵權，請來信告知，我們會盡快處理~
人的大腦不同於身體，往往更能抵抗歲月的壓力。如何讓大腦的保持年輕的活力，不會隨著年齡的增長而衰退？以下是《哈芬頓郵報》提供的4點實用建議：
1.觀看大自然紀錄片：根據最新研究顯示，觀看大自然紀錄片，比起網路測驗或其他腦力遊戲，更能有助於提升語言能力。此外，另一項澳洲研究指出，觀看大自然紀錄片的人，在生活上較不易感到壓力，生活品質也比較好。
2.降低膽固醇：降低膽固醇，不僅對心臟有益，對大腦的健康也很重要。根據研究，膽固醇維持在健康水準，可以降低罹患阿茲海默症以及失智症的風險。另一個研究結果指出，中年肥胖的人，心智能力衰退的速度會高於體重正常的中年人。
3.好好保養你的牙齒：照顧好牙齒，也可降低罹患失智的機率。一項長達18年的追蹤研究顯示，一天內刷牙次數少於一次的的年長者，罹患失智者的機率比起每天至少刷牙一次的人要高出65％。
4.多喝綠茶：綠茶中含有的某種兒茶素，有助於認知能力的提升，特別是男性。此外，近期多項研究顯示，綠茶可減少罹患阿茲海默症的風險，對於大腦思考的活化也很有幫助。（吳凱琳編譯）
~歡迎轉載，但請註明來源網站名稱和網址，文章若有侵權，請來信告知，我們會盡快處理~
"你是獵人還是獵物？"
WordPress的自訂模板功能，讓首頁搭配上自行客製的模板
新增頁面模板
1.首先，先在佈景的資料夾中，新增一個php檔案(名稱自訂)。接著將檔案打開，在檔案內先加入下面的程式碼：
<?php
/*
Template Name: 客製首頁
*/
?>
這一個PHP檔案就叫他welcome.php，之後教學會使用到。
再來，到WordPress控制台→頁面→新增頁面，標題打「首頁」即可，內容留空。在右邊的頁面屬性中，會看到模板選單中有一個「客製首頁」，要選擇客製首頁。（按發表）
<?php
/*
Template Name: 客製首頁
*/
?>
這一個PHP檔案就叫他welcome.php，之後教學會使用到。
再來，到WordPress控制台→頁面→新增頁面，標題打「首頁」即可，內容留空。在右邊的頁面屬性中，會看到模板選單中有一個「客製首頁」，要選擇客製首頁。（按發表）
2.將welcome.php的內容修改為：
<?php /* Template Name: 客製首頁 */ echo "開始客製！哇，這真的太棒了～想放什麼內容就放在裡面，也可以任意使用ＷＰ的函式、佈景函式了！"; ?>
3.設定此頁面為首頁
這時候你會說：我要顯示在首頁，不是在分頁，然後讓Blog文章在分頁顯示。OK，我們先新增一個頁面，頁面名稱為Blog。(使用預設模板，內容不用打，直接按發佈。)
4.在WordPress的設定中就有選項，在控制台→「設定」→「閱讀」。
將首頁顯示選擇為靜態頁面，「首頁」選擇一開始新增的「首頁」頁面，文章頁面選擇剛剛新增的「Blog」。(記得按下儲存)
5.將首頁顯示選擇為靜態頁面，「首頁」選擇一開始新增的「首頁」頁面，文章頁面選擇剛剛新增的「Blog」。(按下儲存)
~歡迎轉載，但請註明來源網站名稱和網址，文章若有侵權，請來信告知，我們會盡快處理~ "你是獵人還是獵物？"
租用虛擬主機還是自行架設主機？
稍微有過一點架站經驗的人可能會覺得，自己找一台電腦，加裝網頁伺服器軟體，再跟中華電信或亞太等等租個網址，接上網路與固定 IP ，就能夠當做網站伺服器，雖然網站資料的儲存空間大。但這樣的方式的網站，對於一個穩定營運的企業網站來說，許多細節是非專業人士所無法顧及的。其差異與優缺點如下。
電費
使用一台電腦 24 小時開機來做伺服器，伺服器需24小時不關機，才能保持網站瀏覽，保守估計初估每月400元；一年需要 4800元，其他電腦維修及人事成本尚未估計。
而租用專業機房的虛擬主機，光年費就幾乎等於您的電費了，有的甚至更便宜。
硬體
您至少需要一台伺服主機，最陽春的也要數萬元，即便採用便宜的個人電腦，也大約要一萬多。有些人可能會用NAS來充當伺服器，不過NAS的CPU/RAM效能不佳，並不建議用來做正式營運的網站，當每日瀏覽人數突破 2000 人以後，或者加裝了 CMS 等較吃資源的軟體時，NAS 的瓶頸會很快浮現。
此外，您還需要不斷電系統、防火牆、降溫用的冷氣與水循環系統…。這些都是專業主機房已經有的設備，無需自行準備。
頻寬
網站的連線速度，是看主機端的「上傳頻寬」。若您在自己家中或辦公室架主機，以中華電信 60M/20M的線路來說，其實主機的上傳頻寬只有 20M，因此對於用戶來說，下載的速度是20Mbps=2.5MB/s。這是非常慢的速度，同時間只要有 5-10人連線網站，整個網站可能就打不開了。更何況一般的家用 ADSL 還只有8M/640k。
選用專業主機的好處在於，一般商用主機都放置在專業 IDC 機房，提供了充足的上下傳頻寬。如果您的網站流量超量，只要繳交固定的超流費用，就能加大頻寬，在臨時性的優惠宣傳活動時，才能夠撐的住人潮。否則一般家用或辦公室網路無論如何都是無法升級到這種程度的。
安全問題
防火牆、備援等問題，主機需24小時/365天不損壞，保持隨時不斷線，若有損壞要有備援計畫。資料價值如果很高，例如會員名單或訂單資料庫，一旦損壞無法修復可能會造成很大問題。
此外，若無專業的防火牆，任何一個節點有漏洞都可能被駭客入侵，專業的機房也會有人員控管，閒雜人等不能輕易進入存取主機資料。
人力維護成本
除了以上的花費以外，人力的時間成本也需要考量。因為一個人懂得許多網路資訊工作的人，若將時間耗在管理主機上，可以會損失用來做更多高生產力的事情。
主機管理問題
內容管理系統（CMS）通常需要LAMP環境，需要Linux 基本知識，加上Mail、Ftp、HTTP、DNS…等設定，都需要配合。若設定不好，也會造成網站無法建置或部份功能無法運作。
故交由專業的主機商處理，是目前多數人會採用的方案，您只需要每年固定繳交費用，機房的維護人員就會替您將機器維持在穩定運作的狀態，還有什麼比這個更划算呢？
"你是獵人還是獵物？"
[free joomla template]Joomla! 免費佈景下載
| 佈景商 | 免費佈景數量 | 下載網址 | 註 |
|---|---|---|---|
| joomlaxtc | 1 | joomlxtc free | |
| shape5 | 4 | shape5 free | |
| rocket theme | 6 | rocket free | （篩選free） |
| gavick | 3 | gavick free | |
| joomlashine | 14 | joomlashine free | |
| joomlaworks | 2 | joomlaworks free |
"你是獵人還是獵物？"
讓 IE8以下版本支援響應式網頁設計語法(Responsive Web Design)
放在</head>上面
<!--[if lt IE 9]>
<script src="http://webdesignerwall.com/wp-content/themes/wall/js/css3-mediaqueries.js"></script>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<script src="~/Content/html5shiv/js/html5shiv.min.js"></script>
<script src="~/Content/respond/js/respond.min.js"></script>
*<script src="https://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- IE9 以下的 cross site ajax -->
<!--[if lte IE 9]>
<script type="text/javascript" src="jquery.xdomainrequest.min.js"></script>
<![endif]-->
~歡迎轉載，但請註明來源網站名稱和網址，文章若有侵權，請來信告知，我們會盡快處理~
<!--[if lt IE 9]>
<script src="http://webdesignerwall.com/wp-content/themes/wall/js/css3-mediaqueries.js"></script>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<script src="~/Content/html5shiv/js/html5shiv.min.js"></script>
<script src="~/Content/respond/js/respond.min.js"></script>
*<script src="https://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- IE9 以下的 cross site ajax -->
<!--[if lte IE 9]>
<script type="text/javascript" src="jquery.xdomainrequest.min.js"></script>
<![endif]-->
~歡迎轉載，但請註明來源網站名稱和網址，文章若有侵權，請來信告知，我們會盡快處理~
"你是獵人還是獵物？"
父親給兒子的9點備忘錄
馬雲寫給兒子的一封信，感動無數人！
我兒：寫這個備忘錄給你，基於三個原則：
一、人生福禍無常，誰也不知可以活多久，有些事情還是早一點說好。
二、我是你的父親，我不跟你說，沒有人會跟你說。
三、這個備忘錄記載的，都是我經過慘痛失敗得來的體驗，可以為你的成長省回不少冤枉路。
以下，便是你在人生中要好好記住的事：
01. 對你不好的人，你不要太介意。在你一生中，沒有人有義務要對你好，除了我和你媽媽。對你好的人，你一定要珍惜、感恩。
02. 沒有人是不可代替的，沒有東西是必須擁有的。看透了這一點，將來就算你失去了世間最愛的一切時，也應該明白，這並不是什麼大不了的事。
03. 生命是短暫的，今天或許還在浪費著生命，明天就會發覺生命已遠離你。因此，愈早珍惜生命，你享受生命的日子也會愈多。與其盼望長壽，倒不如早點享受。
04. 愛情只是一種感覺，而這感覺會隨時間、心境而改變。如果你所謂的最愛離開你，請你耐心地等待一下，讓時間慢慢沖洗，讓心靈慢慢沉澱，你的苦就會慢慢淡化。不要過分憧憬愛情的美，不要過分誇大失戀的悲。
05. 雖然很多有成就的人沒有受過太多的教育，但並不等於不用功讀書，也可以成功。你學到的知識，就是你擁有的武器。人可以白手起家，但不可以手無寸鐵，緊記！
06. 我不會要求你供養我下半輩子，同樣的我也不會供養你的下半輩子。當你長大到可以獨立的時候，我的責任已經完結。今後無論你坐巴士還是奔馳，吃魚翅還是粉絲，都要自己負責。
07. 你可以要求自己守信，但無法要求別人也守信；你可以要求自己對他人好，但不能期待人家也對你好；你怎樣待人，並不代表人家就會怎樣待你，如果你看不透這一點，只會給你增添不必要的煩惱。
08. 我買了26年的彩票，連三等獎也沒有中過，這就證明人要發達，還是要努力工作才可以，世界上並沒有免費的午餐。
09. 親人只有一次的緣份，無論這輩子我和你會相處多久，你一定要珍惜共聚的時光，下輩子，無論我們愛與不愛，都不會再相見。
~歡迎轉載，但請註明來源網站名稱和網址，文章若有侵權，請來信告知，我們會盡快處理~
我兒：寫這個備忘錄給你，基於三個原則：
一、人生福禍無常，誰也不知可以活多久，有些事情還是早一點說好。
二、我是你的父親，我不跟你說，沒有人會跟你說。
三、這個備忘錄記載的，都是我經過慘痛失敗得來的體驗，可以為你的成長省回不少冤枉路。
以下，便是你在人生中要好好記住的事：
01. 對你不好的人，你不要太介意。在你一生中，沒有人有義務要對你好，除了我和你媽媽。對你好的人，你一定要珍惜、感恩。
02. 沒有人是不可代替的，沒有東西是必須擁有的。看透了這一點，將來就算你失去了世間最愛的一切時，也應該明白，這並不是什麼大不了的事。
03. 生命是短暫的，今天或許還在浪費著生命，明天就會發覺生命已遠離你。因此，愈早珍惜生命，你享受生命的日子也會愈多。與其盼望長壽，倒不如早點享受。
04. 愛情只是一種感覺，而這感覺會隨時間、心境而改變。如果你所謂的最愛離開你，請你耐心地等待一下，讓時間慢慢沖洗，讓心靈慢慢沉澱，你的苦就會慢慢淡化。不要過分憧憬愛情的美，不要過分誇大失戀的悲。
05. 雖然很多有成就的人沒有受過太多的教育，但並不等於不用功讀書，也可以成功。你學到的知識，就是你擁有的武器。人可以白手起家，但不可以手無寸鐵，緊記！
06. 我不會要求你供養我下半輩子，同樣的我也不會供養你的下半輩子。當你長大到可以獨立的時候，我的責任已經完結。今後無論你坐巴士還是奔馳，吃魚翅還是粉絲，都要自己負責。
07. 你可以要求自己守信，但無法要求別人也守信；你可以要求自己對他人好，但不能期待人家也對你好；你怎樣待人，並不代表人家就會怎樣待你，如果你看不透這一點，只會給你增添不必要的煩惱。
08. 我買了26年的彩票，連三等獎也沒有中過，這就證明人要發達，還是要努力工作才可以，世界上並沒有免費的午餐。
09. 親人只有一次的緣份，無論這輩子我和你會相處多久，你一定要珍惜共聚的時光，下輩子，無論我們愛與不愛，都不會再相見。
~歡迎轉載，但請註明來源網站名稱和網址，文章若有侵權，請來信告知，我們會盡快處理~
"你是獵人還是獵物？"
響應式選單設計 menu範例
Html語法
<span class="toggle">Menu</span>
<nav class="nav">
<ul>
<li>
<a href="#">產品分類</a>
<ul>
<li><a href="#">產品分類1</a></li>
<li><a href="#">產品分類2</a></li>
<li><a href="#">產品分類3</a></li>
</ul>
</li>
<li><a href="#">關於我們</a></li>
<li><a href="#">聯絡我們</a></li>
<li><a href="#">相關連結</a></li>
<li><a href="#">部落格</a></li>
<li><a href="#">服務項目</a></li>
</ul>
</nav>
Jquery語法
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".toggle").click(function() {
$(this).toggleClass("active");
$(".nav").slideToggle();
});
$(".nav > ul > li:has(ul) > a").append('<div class="arrow-bottom"></div>');
});
</script>
Css語法
<style>
body {
margin: 0;
padding: 10px;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
}
nav {
display: block;
float: left;
width: 100%;
margin-bottom: 30px;
}
.nav ul{
margin: 0;
padding: 0;
}
.nav li{
position: relative;
float: left;
color: #FFF;
list-style: none;
background: #E77C40;
}
.nav li a {
display: block;
padding: 15px 30px;
color: #FFF;
text-decoration: none;
}
.nav li:hover {
background: #E9905E;
}
.nav li ul {
background-color: rgba(231, 124, 64, 1);
display: none;
position: absolute;
top: 100%;
}
.nav li:hover ul {
display: block;
right: 0;
left: 0;
top: 100%;
}
.toggle {
display: none;
}
.arrow-bottom {
position: absolute;
top: 25px;
right: 13px;
margin-left: 5px;
border-top: 4px solid #FFF;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
width: 1px;
height: 1px;
}
@media (max-width: 640px) {
.nav {
display: none;
}
.toggle {
display: inline-block;
background: #D8540A;
padding: 10px 15px;
color: #FFF;
}
.nav li{
float: none;
}
.nav li a{
padding: 10px 15px;
}
.nav li:hover ul {
position: relative;
display: block;
background: transparent;
}
.nav li:hover ul li{
background: transparent;
}
.nav li:hover ul li a{
padding-left: 30px;
}
.arrow-bottom {
top: 20px;
}
}
</style>
"你是獵人還是獵物？"
