2013 ~ 孟甲商行 | 網頁設計

2013年11月18日星期一

鴨霸計程車

2013年11月18日星期一晚上10:24 No comments

志英計程車、任意變換車道，鴨霸叫囂，只准他叭別人，不准別人叭他！

外國人真敢啊！就不怕全國直播嗎？馬雅金字塔驚見神秘光柱

2013年11月18日星期一晚上10:23 No comments

外國人真敢啊！就不怕全國直播嗎？

2012世界末日預言話題熱度從未停過，近日網路上再傳疑似世界末日的警示照，一名前往墨西哥參觀馬雅古城遺址的遊客，他拍下金字塔上方出現神秘軸狀光束的照片。照片在網路上被瘋狂轉載，甚至成為美國探索頻道熱烈探討的主題。馬雅金字塔驚見神秘光柱
此張令人驚歎的照片是遊客赫克托‧西利扎爾所拍攝，2009年他和妻小前往墨西哥的馬雅古城參觀，當他站在遺址前突然有閃電出現在遠方，他趕緊以iPhone拍下難得一見的情景。沒想到西利扎爾不但捕捉到閃電瞬間，且拍攝效果遠超乎期望。馬雅金字塔驚見神秘光柱
許多網友將這張照片視為2012年12月21日警示論的「信號」，因為基於馬雅神靈論文獻，此張照片的神祕光束是真實存在的；但也有不少網友議論，此照片僅是因攝影偏差效果所致。西利扎爾則表示，當時自己沒有看到任何軸狀光線，或許是因光線速度非常快，肉眼難以辨識。

~歡迎轉載，但請註明來源網站名稱和網址，文章若有侵權，請來信告知，我們會盡快處理~

寶礦多乾拌拉麵不加防腐劑，富含多種微量元素及礦物質

2013年11月18日星期一晚上10:21 No comments

台灣研發好吃又健康.一吃就上癮 3分鐘快煮純天然食材.並嚴選小麥爽口好吃的醬料包.純天然無化工原料.不添加防腐劑
寶礦多拉麵富含鈣、鎂、鉀、鈉、鐵、磷、鋅、銅等微量元素及礦物質，是人體每天必備不可或缺的營養元素，寶礦多　拉麵，餐餐吃、天天吃保證不腹脹、不胃酸，因麵體本身保證不加鹽、不加化學鹼、不加防腐劑，富含多種微量元素及礦物質，請安心的食用。尤其是注重養生及慢性病者的最佳選擇。

~歡迎轉載，但請註明來源網站名稱和網址，文章若有侵權，請來信告知，我們會盡快處理~

首頁banner橫幅廣告自動輪播 JQUERY網頁特效演示範例demo及語法

2013年11月18日星期一晚上10:18 jQuery網頁特效 No comments

首頁橫幅廣告自動輪播 JQUERY網頁特效演示範例demo及語法

<body>

_li += '<li><a href="'+$a.attr('href')+'">'+$a.find('img').attr('alt')+'</a></li>';
  });
  // 幫 li 加上透明度
  // 並計算 li 基本寬度及最大寬度
  var $li = $controls.html(_li).appendTo($block).find('li').css('opacity', _liOpacity), 
   _liWidth = $li.width(), 
   _selectedWidth = $block.width() - ($li.length - 1) * _liWidth - 1;
  
  // 當滑鼠移到 li 上時
  $li.mouseover(function(){
   var $this = $(this), 
    _index = $this.index();
   
   // 如果現在移上去的跟已顯示是的同一個就跳過
   if(_selectedIndex == _index) return;
   
   // 進行動畫切換
   $list.eq(_index).stop(true, true).css({
    top: _blockHeight, 
    zIndex: 1, 
    display: 'block'
   }).animate({
    top: 0
   }, _animateSpeed).end().eq(_selectedIndex).stop(true, true).animate({
    top: -_blockHeight
   }, _animateSpeed, function(){
    $(this).hide();
   });
   
   // 把滑鼠移上去的 li 寬度變成最大寬度
   // 並將上一個最大寬度的 li 寬度變成基本寬度
   //$this.addClass('selected').find('a').width(_selectedWidth).end().siblings('.selected').removeClass('selected').find('a').width(_liWidth-1);
   $this.addClass('selected').find('a').width(_selectedWidth);
   $li.eq(_selectedIndex).removeClass('selected').find('a').width(_liWidth-1);

_selectedIndex = _index;
  }).eq(_selectedIndex).addClass('selected').find('a').width(_selectedWidth);
  
  // 用 speed 表示切換輪播的速度
  var timer, speed = 2500;

// 用來自動輪播使用
  function auto(){
   var _index = (_selectedIndex + 1) % $li.length;
   $li.eq(_index).mouseover();

timer = setTimeout(auto, speed + _animateSpeed);
  }

$block.hover(function(){
   // 當滑鼠移入時, 停止計時器
   clearTimeout(timer);
  }, function(){
   // 當滑鼠移出時, 啟動計時器
   timer = setTimeout(auto, speed);
  });
  
  // 啟動計時器
  timer = setTimeout(auto, speed);
 });
</script>

var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-33861724-1']);
  _gaq.push(['_trackPageview']);

(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
<div id="abgne-block-20111227">
  <ul class="lists">   
            <li><a href="#"><img alt="心想事成！ 吉祥如意！ 喜樂平安！" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuu1qyz8cJfRk8aUvq0PcHINOThKAC3gZHUxA8zGD6l_ticQEiiEPjseU852GROe3rUgIWvVeh3J5NXpsa-M2RJdMQ_2YQN4EhuVQ3yNqIfF2edRbT3AQ6MkajKzwlckK8iNmbFDMa5X7O/s600/skylight.jpg" /></a></li>
            <li><a href="http://hala999.net/products_detial.php?p_id=21"><img alt="獨家天然配方、手工製作及天然日曬，使麵條超滑Q彈牙富嚼勁，愛不釋口！" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJLMAkb1xV3HpusEEoVc-4TzAi3AZpDUTtrYLUwJRQ9g6aaO0vEcsAHJJljWskHOMu7RyvE4FsVScF9qoDDzQjJ5zXFYll-SYo2vUmWRTn0IZC7DLgoeu5lBftIBbExt3DWBQ_9znMLfdc/s600/noodle.jpg" /></a></li>

~歡迎轉載，但請註明來源網站名稱和網址，文章若有侵權，請來信告知，我們會盡快處理~

極稀有「亞洲麒麟」武廣牛　15年後越南現蹤

2013年11月18日星期一晚上10:16 No comments

有「亞洲麒麟」之稱的武廣牛在越南現身

瀕臨絕種動物武廣牛（Saola）15年來首次在鏡頭前現蹤跡，世界自然基金會（World Wide Fund for Nature, WWF）13日發表聲明表示，9月在越南中部拍攝到全球極為稀有，被稱為「亞洲麒麟」的哺乳類武廣牛，讓保育人士燃起復育物種的希望。武廣牛正式名稱為中南大羚（Pseudoryx nghetinhensis），又被稱為安南錠角羚、劍角牛、索拉羚，還有「亞洲麒麟」之稱。世界自然基金會越南主任范玉霆(Van Ngoc Thinh)說：「這項發現讓人振奮，因為代表復育武廣牛有望了。」同時發表聲表示，已在拍攝到武廣牛的地點聘請保安人員，防止有人非法捕獵，並拆除可能有威脅的陷阱，以免危害
武廣牛。武廣牛是在1992年才首次被發現，當時世界自然基金會和越南林務單位共同組成團隊，在偏遠的越南、寮國邊境山區探勘，在一名獵人家中發現特殊犄角的骨頭，才知道武廣牛存在，直到2010年8月，寮國一處偏遠村莊的居民曾捕獲一頭，不過最後還是因為身體衰弱，在專家趕到的幾天後就死亡，但這也成了「亞洲麒麟」確切存在的證據。由於牠的行蹤不定，20年來科學家所知有限，難以統計確切數量，目前全世界有記錄的只有11頭，但粗估全世界可能只有幾十頭，數量非常稀少。
~歡迎轉載，但請註明來源網站名稱和網址，文章若有侵權，請來信告知，我們會盡快處理~

滾動式訊息跑馬燈 jQuery語法

2013年11月18日星期一晚上9:49 1 comment

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="zh-tw">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<title>孟甲商行</title>
<style type="text/css">
 div#myturn_marquee {
  position: relative;
  overflow: hidden; /* 超出範圍的部份要隱藏 */
  width: 380px;
  height: 25px;
  border: 1px solid #ccc;
 }
 div#myturn_marquee ul, div#myturn_marquee li {
  margin: 0;
  padding: 0;
  list-style: none;
 }
 div#myturn_marquee ul {
  position: absolute;
 }
 div#myturn_marquee ul li a {
  display: block;
  overflow: hidden; /* 超出範圍的部份要隱藏 */
  font-size:12px;
  height: 25px;
  line-height: 25px;
  text-decoration: none;
 }
</style>
<script type="text/javascript">
 $(function(){
  // 先取得 div#myturn_marquee ul
  // 接著把 ul 中的 li 項目再重覆加入 ul 中(等於有兩組內容)
  // 再來取得 div#myturn_marquee 的高來決定每次跑馬燈移動的距離
  // 設定跑馬燈移動的速度及輪播的速度
  var $marqueeUl = $('div#myturn_marquee ul'),
   $marqueeli = $marqueeUl.append($marqueeUl.html()).children(),
   _height = $('div#myturn_marquee').height() * -1,
   scrollSpeed = 600,
   timer,
   speed = 3000 + scrollSpeed;
  
  // 幫左邊 $marqueeli 加上 hover 事件
  // 當滑鼠移入時停止計時器；反之則啟動
  $marqueeli.hover(function(){
   clearTimeout(timer);
  }, function(){
   timer = setTimeout(showad, speed);
  });
  
  // 控制跑馬燈移動的處理函式
  function showad(){
   var _now = $marqueeUl.position().top / _height;
   _now = (_now + 1) % $marqueeli.length;
   
   // $marqueeUl 移動
   $marqueeUl.animate({
    top: _now * _height
   }, scrollSpeed, function(){
    // 如果已經移動到第二組時...則馬上把 top 設 0 來回到第一組
    // 藉此產生不間斷的輪播
    if(_now == $marqueeli.length / 2){
     $marqueeUl.css('top', 0);
    }
   });
   
   // 再啟動計時器
   timer = setTimeout(showad, speed);
  }
  
  // 啟動計時器
  timer = setTimeout(showad, speed);

$('a').focus(function(){
   this.blur();
  });
 });
</script>
</head>

<body>
 <div id="myturn_marquee">
  <ul>
   <li><a href="http://www.pcstore.com.tw/monga7/M14441500.htm">【最新快訊公告】[Pchome]童話村~庭園景觀-4人森林公主套房~特賣！</a></li>
   <li><a href="http://eagle1024.blogspot.tw/2011/07/blog-post_8054.html">【公娼寮】從一個艋舺孩子的成長過程看性交易文化</a></li>
   <li><a href="http://eagle1024.blogspot.tw/2011/07/blog-post_6864.html">【第一泡茶】第一泡茶，要不要倒掉？ 泡茶技巧 坐在電腦桌前的上班族，一定要常喝茶</a></li>
  </ul>
 </div>
</body>
</html>

~歡迎轉載，但請註明來源網站名稱和網址，文章若有侵權，請來信告知，我們會盡快處理~

[如何去背]商品去背很簡單網頁裝飾設計

2013年11月17日星期日晚上7:00 No comments

使用圖層樣式設計網頁裝飾，素材如下

Photoshop操作如下，點下面圖片可進入燈箱模式，並瀏覽大圖，圖內詳細記載操作的文字敘述

~歡迎轉載，但請註明來源網站名稱和網址，文章若有侵權，請來信告知，我們會盡快處理~

[超快速簡單]玻璃杯瓶去背

2013年11月17日星期日下午6:59 No comments

使用色板去背，素材如下

Photoshop操作如下，點下面圖片可進入燈箱模式，並瀏覽大圖，圖內詳細記載操作的文字敘述

使用鋼筆工具繪製玻璃瓶外框路徑並轉換為選區，增加遮色片

設前景色為黑色並填滿前景色

切換到藍色板，將路徑載入選區，ctrl+i反轉

~歡迎轉載，但請註明來源網站名稱和網址，文章若有侵權，請來信告知，我們會盡快處理~

jQuery下滑選單動畫特效演示線上瀏覽免下載語法

2013年11月17日星期日下午6:51 No comments

演示如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>孟甲商行</title>
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-3672694-9']);
  _gaq.push(['_trackPageview']);

var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?fa98b91e638fc607d0335693fb173e7f";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

/* Menu */
.menu { 
 height: 40px;
 width: 480px;
 background: #4c4e5a;
 background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
 background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
 background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
 background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
 background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}

.menu li {
 position: relative;
 list-style: none;
 float: left;
 display: block;
 height: 40px;
}

.menu li a {
 display: block;
 padding: 0 14px;
 margin: 6px 0;
 line-height: 28px;
 text-decoration: none; 
 border-left: 1px solid #393942;
 border-right: 1px solid #4f5058;
 font-family: Helvetica, Arial, sans-serif;
 font-weight: bold;
 font-size: 13px;
 color: #f3f3f3;
 text-shadow: 1px 1px 1px rgba(0,0,0,.6);
 -webkit-transition: color .2s ease-in-out;
 -moz-transition: color .2s ease-in-out;
 -o-transition: color .2s ease-in-out;
 -ms-transition: color .2s ease-in-out;
 transition: color .2s ease-in-out;
}

.menu li:first-child a { border-left: none; }
.menu li:last-child a{ border-right: none; }

.menu li:hover > a { color: #8fde62; }

.menu ul {
 position: absolute;
 top: 40px;
 left: 0;
 opacity: 0; 
 background: #1f2024;
 -webkit-border-radius: 0 0 5px 5px;
 -moz-border-radius: 0 0 5px 5px;
 border-radius: 0 0 5px 5px;
 -webkit-transition: opacity .25s ease .1s;
 -moz-transition: opacity .25s ease .1s;
 -o-transition: opacity .25s ease .1s;
 -ms-transition: opacity .25s ease .1s;
 transition: opacity .25s ease .1s;
}

.menu li:hover > ul { opacity: 1; }

.menu ul li {
 height: 0;
 overflow: hidden;
 padding: 0;
 -webkit-transition: height .25s ease .1s;
 -moz-transition: height .25s ease .1s;
 -o-transition: height .25s ease .1s;
 -ms-transition: height .25s ease .1s;
 transition: height .25s ease .1s;
}

.menu li:hover > ul li {
 height: 36px;
 overflow: visible;
 padding: 0;
 z-index:999;
}

.menu ul li a {
 width: 80px;
 padding: 4px auto 4px auto;
 margin: 0;
 border: none;
 border-bottom: 1px solid #353539;
}
.menu ul li:last-child a { border: none; }
 </style>
    
</head>

<body>

<ul class="menu">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">產品介紹</a>
  <ul>
<li><a href="#" class="documents">茶心茶</a></li>
<li><a href="#" class="messages">烏龍茶</a></li>
<li><a href="#" class="signout">東方美人茶</a></li>
</ul>
</li>
<li><a href="#">Uploads</a></li>
<li><a href="#">Videos</a></li>
<li><a href="#">Documents</a></li>
</ul>
</body>
</html>

~歡迎轉載，但請註明來源網站名稱和網址，文章若有侵權，請來信告知，我們會盡快處理~

大學食堂「炒飯西施」走紅　男生因此愛上吃炒飯

2013年10月22日星期二下午6:01 No comments

豆腐西施
『炒飯西施』
大學食堂

豆腐西施

古有豆腐西施，現在新浪微博上曝出西南石油大學食堂出了一個「炒飯西施」，還稱男生因此愛上吃炒飯。據網友爆料，此美女出沒在西南石油大學學校二食堂炒飯視窗，除了「炒飯西施」還被戲稱為「最美食堂大媽」。

TOP

『炒飯西施』

『炒飯西施』穿著一整套的『炒飯衣』，繫著繡花格仔圍裙，戴著帽子和口罩，可以看出稍微施了一點粉黛，或撓頭或微笑或抿嘴，狀甚可愛

TOP

大學食堂

古有豆腐西施，現在新浪微博上曝出西南石油大學食堂出了一個『炒飯西施』，還稱男生因此愛上吃炒飯。據網友爆料，此美女出沒在西南石油大學學校二食堂炒飯視窗，除了『炒飯西施』還被戲稱為『最美食堂大媽』。

TOP

~歡迎轉載，但請註明來源網站名稱和網址，文章若有侵權，請來信告知，我們會盡快處理~

第一泡茶，要不要倒掉？泡茶技巧坐在電腦桌前的上班族，一定要常喝茶

2013年4月16日星期二凌晨4:28 No comments

在沖泡過程中溫壺後，將茶葉放入壺中再注入熱水，接著倒掉，一般稱為溫潤泡或醒茶，主要是使茶葉吸收熱度，以利第二泡茶葉滋味能充分發輝；另外溫潤泡原因為去除茶葉上的雜味，如受潮味。
所以第一泡茶倒掉主要是溫潤泡，而非沖掉茶葉上殘留的農藥，這是一般人的疑慮，因為茶葉製作過程中需經過萎凋及攪拌、炒菁、揉捻、乾燥、高溫烘焙等幾個重要步驟，農藥經過這幾個步驟後早已微乎其微，對人體並不會造成任何危害。
但若以健康訴求之飲茶者，我們會堅持第一泡茶不要倒掉，因為第一泡茶含有很多對人體有益的礦物質，如兒茶素、皂素等，所以第一泡茶倒掉有點可惜。

自製好用的清潔劑-

2013年4月8日星期一清晨7:00 No comments

自製好用的清潔劑--橘子皮+75%酒精

新北市金山區三和國小四名六年級生想自力賺錢一圓畢業旅行夢，他們用柚子、柳丁、柑橘自製清潔劑，如今不但順利圓夢，還意外幫助當地媽媽們開啟一條賺錢的新門路。...

他獨有

2013年4月7日星期日清晨7:26 No comments

中國大陸新任國台辦主任張志軍今天(7日)傍晚舉行酒會，歡迎前副總統蕭萬長與出席博鰲亞洲論壇的台灣代表團。張志軍表示，雖然他剛上任，但感到與台灣朋友都是一家人。蕭萬長則回應說，張志軍富有熱情與智慧，相信未來兩岸關係將有更好發展。...

[舊換新每支折10000元台幣]Long Life9全新智能9段電動脊椎矯正活化器

[迷彩裝]肌肉筋膜鬆解槍~放鬆肌肉無限享受可充電換版促銷限量500套單套原價22800 限量特價一套8300 二套8100x2=16200 三套7990x3=23970

Long Life9 整脊全新電動活化器沒有調不動的骨架！沒有鬆不開的肌肉 24期分期付款零利率！

AMCT ISAT整脊全新五段(五代)新專利活化器加送5大好禮+贈送全新發表手動型活化器上下柄矽膠軟套

全民脊椎健康手冊、活化器脊骨肌肉神經矯治整療學教科書、正經奇穴(董氏奇穴)針法臨床應用技術教科書

2013年11月18日星期一

鴨霸計程車

外國人真敢啊！就不怕全國直播嗎？馬雅金字塔驚見神秘光柱

寶礦多乾拌拉麵不加防腐劑，富含多種微量元素及礦物質

首頁banner橫幅廣告自動輪播 JQUERY網頁特效演示範例demo及語法

極稀有「亞洲麒麟」武廣牛　15年後越南現蹤

滾動式訊息跑馬燈 jQuery語法

2013年11月17日星期日

[如何去背]商品去背很簡單網頁裝飾設計

[超快速簡單]玻璃杯瓶去背

jQuery下滑選單動畫特效演示線上瀏覽免下載語法

2013年10月22日星期二

大學食堂「炒飯西施」走紅　男生因此愛上吃炒飯

豆腐西施

『炒飯西施』

大學食堂

2013年9月26日星期四

導航

2013年4月16日星期二

第一泡茶，要不要倒掉？泡茶技巧坐在電腦桌前的上班族，一定要常喝茶

2013年4月8日星期一

自製好用的清潔劑-

2013年4月7日星期日

他獨有

最近教學課程

精選商品

第一泡茶，要不要倒掉？泡茶技巧坐在電腦桌前的上班族，一定要常喝茶

網誌存檔

聯絡我們

文章分類

網誌存檔

網站導覽

文章標籤

關於我們

聯絡我們

2013年11月18日 星期一

2013年11月17日 星期日

2013年10月22日 星期二

豆腐西施

『炒飯西施』

大學食堂

2013年9月26日 星期四

2013年4月16日 星期二

2013年4月8日 星期一

2013年4月7日 星期日

最近教學課程

精選商品

社 群 網 站

網誌存檔

聯絡我們

文章分類

網誌存檔

網站導覽

文章標籤

關於我們

聯絡我們

2013年11月18日星期一

2013年11月17日星期日

2013年10月22日星期二

2013年9月26日星期四

2013年4月16日星期二

2013年4月8日星期一

2013年4月7日星期日

社群網站