一開賣就秒殺！ 美超閃亮「寶石玉米」絢麗吸睛

超吸睛的「寶石玉米」。(圖／取自每日郵報)

美國一名擁有印地安血統的農夫巴尼斯(Carl Barnes)培育出了光采奪目的「寶石玉米」，有一天他偶然注意到自己種的玉米在陽光下散發著不尋常的光芒，之後開始投身開發，後來寶石玉米被一家公司收購，這種特殊玉米才得以被保存下來。

根據英國《每日郵報》(Daily Mail)報導，巴尼斯他經過多年的研發，終於開發出一隻玉米上面就有各種不同顏色的「寶石玉米」，看起來就像多種顏色的寶石一樣閃耀動人。巴尼斯在去世前不久，他把種子採集及培育知識傳給自己的摯友尚恩(Greg Schoen)，並叮嚀對方一定要傳承這個特殊的寶物。

2010年，尚恩決定為寶石玉米找一個可以永久保護它的地方，他把珍貴的玉米種子給一家位於亞歷桑納州的植物育種公司老闆麥克多曼(Bill McDorman)。麥克多曼表示，他第一次種植寶石玉米時，不少人誇讚玉米很漂亮，因為大家都沒見過。

目前麥克多曼的公司把寶石玉米的種子拿到網路上販賣，一小袋要價7.95美元(約233元新台幣)，上架沒多久很快就賣光光。麥克多曼說，這種玉米可以用來磨成玉米粉或做爆米花，不推薦直接水煮來吃。不過大多數的買家都是把寶石玉米看做一種藝術品，不拿來吃反而擺在家裡做擺設。

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

閱讀更多

"你是獵人還是獵物？"

側邊固定滑出式選單 JQUERY網頁特效演示範例demo及語法

線上瀏覽，部落格使用的為絕對網址而非相對網址，點選檢視原始碼即可看到所有語法，然後按ctrl+a,ctrl+c,全選複製貼到記事本存成html檔,編碼選utf-8，免下載檔案即可在電腦的本機端瀏覽，再將圖片網址換成自己的圖片網址，文字敘述改成自己的產品介紹，就可變成自己的jQuery動畫工具使用了，非常方便，若安裝有問題請隨時與我們聯絡，可至留言板留言或至討論區發表言論，我們會盡快回復您的問題及需求，3Q!

F a c e b o o o k

<!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> <style> #mwt_mwt_slider_scroll { top: 0; left:-255px; width:255px; position:fixed; z-index:9999; position:relative; } #mwt_slider_content{ background:#3c5a98; text-align:center; padding-top:20px; height:126px; } #mwt_fb_tab { position:absolute; top:0px; right:-24px; width:24px; height:128px; background:#3c5a98; color:#ffffff; font-family:Arial, Helvetica, sans-serif; text-align:center; padding:9px 0; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; } #mwt_fb_tab span { display:block; height:12px; padding:1px 0; line-height:12px; text-transform:uppercase; font-size:12px; } </style> <script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.min.js'></script> <script> $(function(){ var w = $("#mwt_slider_content").width(); $('#mwt_slider_content').css('height', ($(window).height(105) - 20) + 'px' ); $("#mwt_fb_tab").mouseover(function(){ if ($("#mwt_mwt_slider_scroll").css('left') == '-'+w+'px') { $("#mwt_mwt_slider_scroll").animate({ left:'0px' }, 600 ,'swing'); } }); $("#mwt_slider_content").mouseleave(function(){ $("#mwt_mwt_slider_scroll").animate( { left:'-'+w+'px' }, 600 ,'swing'); }); }); </script> </head> <body> <div id="mwt_mwt_slider_scroll"> <div id="mwt_fb_tab"> <span>F</span> <span>a</span> <span>c</span> <span>e</span> <span>b</span> <span>o</span> <span>o</span> <span>o</span> <span>k</span> </div> <div id="mwt_slider_content"> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2F%25E7%258C%259B%25E7%2594%25B2%25E8%258C%25B6%25E9%2581%2593%2F154932484572230&width=200&colorscheme=light&show_faces=true&stream=true&header=true&height=105" scrolling="auto" frameborder="0" style="border:none; overflow:hidden; width:220px; height:105px;background-color:white;" allowtransparency="true"></iframe> </div> </div> </body> </html>

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

閱讀更多

"你是獵人還是獵物？"

滑鼠滑過放大圖文及改變方向的變化效果演示範例demo及Javascript網頁特效語法 轉址語法

轉址語法如下：
1. HTML 的轉址方法： 

<meta http-equiv="refresh" content="15;url=http://www.pcstore.com.tw/monga7/M09288652.htm" >

2. Javascript 的轉址方法： 

在 HTML 網頁中原則上是任一地方加入以下 JavaScript 網頁就會轉址。但放在網頁 HTML 碼的開始較有效率(也較有意義)。 

<script>document.location.href="http://mepopedia.com";</script>

3. PHP 的轉址方法： 

<?php
    header('Location: http://mepopedia.com');
    exit;?>

飄逸杯得獎事蹟： 得過世界三大獎-德國紅點設計大獎-金獎台灣精品獎、德國IF設計大獎、台灣設計優良產品。

飄逸杯特色： 整組PC製品，耐摔、耐高溫達137度C、透明度好。可沖泡咖啡、紅茶、綠茶。

<!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> </head> <body> <table border="1" style="width: 540px;"><tbody> <tr> <td height="120" width="120"><a href="http://www.pcstore.com.tw/monga7/M09285548.htm"><img class="Enlarge01" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsmWmWFc9gNtHFEX5KaqDJ2u1gmpgLy4O3_DCP-ZbFefnjkPKUiR3Uoi2BOaOThWa5SJxzqoTaiQeBrgBwK5LemqWFyj6p3m4xFKHEuytdumGVrrvTro1MSJS-8XEWvaJtCGlmykTX18nX/s200/images+%25284%2529.jpg" style="text-align: left;" /></a></td><td width="295"><span class="Apple-style-span" style="color: #ff0033;"><b>飄逸杯得獎事蹟：</b></span><br /> 得過世界三大獎-德國紅點設計大獎-金獎台灣精品獎、德國IF設計大獎、台灣設計優良產品。</td> <td width="248"><span class="Apple-style-span" style="color: #ff0033;"><b>飄逸杯特色：</b></span><br /> 整組PC製品，耐摔、耐高溫達137度C、透明度好。可沖泡咖啡、紅茶、綠茶。</td> </tr> </tbody></table> <br /> <style type="text/css"> .Enlarge01{ width:80px; /* 控制小圖片的大小 */ height:80px; position:absolute; z-index:1; margin:-40px 0 0 0px; -webkit-transition: all 1.0s linear; -moz-transition: all 1.0s linear; -o-transition: all 1.0s linear; } .Enlarge01:hover { z-index:99999; width:250px; /* 控制小圖片放大後的大小 */ height:250px; margin:-50px 0 0 10px; /* 控制小圖片放大的方向 */ -webkit-transition: all 1.0s linear; -moz-transition: all 1.0s linear; -o-transition: all 1.0s linear; } .Enlarge201109261337{ border:#ff0000 0px solid; position:relative; width:460px; height:90px; margin:0 0 10px 0;} /* 控制相關產品說明的文字 */ </style> </body> </html>

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

閱讀更多

"你是獵人還是獵物？"

彈跳下拉式選單導航列標籤JQUERY網頁特效演示範例demo及語法

彈跳下拉式導航列標籤演示如下：

• 孟甲首頁
  
• 關於孟甲
  
• 最新消息
  
• 留言板
  
• 購物車
  
• 聯絡我們
  

<!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 content='孟甲商行創意網頁設計,猛甲茶葉行與坪林茶廠產銷合作，由茶農精心烘培製作的頂級台灣茗茶，喉韻渾厚、 茶葉香醇自然回甘！貨真價實的上等好茶等你來品嘗。,網址http://eagle1024.blogspot.com/,信箱roberchen3@gmail.com,聯絡電話：0952916626' name='description'/> <meta http-equiv="Content-Style-Type" content="text/css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript" src="http://demonstration.abgne.tw/jquery/jquery.easing.1.3.js"></script> <title>孟甲商行</title> <style type="text/css"> #mynews ul { margin: 0; padding: 0; list-style: none; z-index:999; position:Absolute; } #mynews ul li { float: left; } #mynews ul li a { width: 90px; height: 50px; display: block; line-height: 50px; overflow: hidden; text-align: center; text-decoration: none; color: white; } #mynews ul li a:hover { height: 100px; } #mynews ul li a div { color: #fff; line-height: 16px; font-weight: bold; margin-top: 0px; padding-top: 3px; border-top: 1px dotted #fff; } #mynews .t1{background: #08f2d6 url(02.gif);} #mynews .t2{background: #1209f1 url(02.gif);} #mynews .t3{background: #a202e2 url(03.gif);} #mynews .t4{background: #f4e603 url(04.gif);} #mynews .t5{background: #55df07 url(05.gif);} #mynews .t6{background: #02a8f3 url(06.gif);} #mynews .t7{background: #f6025e url(07.gif);} </style> <script type="text/javascript"> $(function(){ // 幫 A 連結加上 hover() 事件 $("#mynews a").hover(function(){ // 當滑鼠移進時.. // 先停止未完成的動畫再進行新的動畫 // 展開完整的選項內容 // 動畫效果加上 easeOutBounce $(this).stop().animate({ height: 120,opacity:0.5 }, 600, "easeOutBounce"); }, function(){ // 當滑鼠移出時.. // 先停止未完成的動畫再進行新的動畫 // 隱藏選項下方的內容 // 動畫效果加上 easeOutBounce $(this).stop().animate({ height: 50,opacity:1 }, 600, "easeOutBounce"); }).focus(function(){ // 當 A 連結取得焦點時.. // 讓本身失去焦點 $(this).blur(); }); }); </script> </head> <body> <div id="mynews"> <ul> <li> <a class="t1" href="http://hala999.net/index.php">孟甲首頁 <div><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/64/Actions-go-home-icon.png"></div> </a> </li> <li> <a class="t2" href="http://hala999.net/aboutus.php">關於孟甲 <div><img src="http://icons.iconarchive.com/icons/webiconset/blogging/64/About-me-icon.png"></div> </a> </li> <li> <a class="t3" href="http://hala999.net/news.php">最新消息 <div><img src="http://icons.iconarchive.com/icons/adidadidu/ipad/64/iPad-Side-Newspaper-icon.png"></div> </a> </li> <li> <a class="t4" href="http://hala999.net/board.php">留言板 <div><img src="http://icons.iconarchive.com/icons/tatice/cristal-intense/64/Chat-vert-icon.png"></div> </a> </li> <li> <a class="t5" href="http://hala999.net/shopping.php">購物車 <div><img src="http://icons.iconarchive.com/icons/petalart/free-shopping/64/shopping-bag-icon.png"></div> </a> </li> <li> <a class="t6" href="http://hala999.net/contact.php">聯絡我們 <div><img src="http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-2/64/message-already-read-icon.png"></div> </a> </li> </ul> </div> </body> </html>

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

閱讀更多

"你是獵人還是獵物？"