用 jQuery 實作首頁幻燈片大圖效果


【文學點心屋】歡迎父母、老師鼓勵小朋友投稿,不管作文練習或心情日記都歡迎,讓小朋友有創作的成就感! 離開純文字的迷宮,進入圖像的秘密花園!【青春畫報】讓左右腦均衡運動一下!一起來看圖、畫圖、評圖!


無法正常瀏覽圖片,請按這裡看說明   無法正常瀏覽內容,請按這裡線上閱讀
新聞  健康  財經  追星  NBA台灣  udn部落格  udnTV  讀書吧  



2015/11/06 第 542 期 |  訂閱/退訂  |  看歷史報份  |  


 
 
 
  學習主題
  新書搶鮮報
   
  學習地圖
  活動快遞
  延伸閱讀主題
   
我的旅行繪本: 世界遺產&知名景點著色畫
 
 
 
用 jQuery 實作首頁幻燈片大圖效果

製作顯示於頁面上半部主視覺圖片的 製作重點 Slideshow, 主要圖片會顯示於中間, 兩側則分別是上一張與下一張圖片並用黑色半透明圖片覆蓋在上面。由於前後圖片顯示於兩側, 因此畫面寬度即使變動也能維持中間圖片的滿版顯示, 這樣主要圖片就可讓人印象深刻。

Slideshow 的 HTML

首先撰寫 Slideshow 的 HTML, 用 li 元素配置所有圖片, 移動按鈕的連結配置在圖片列
表元素下方。這次範例要使用單一圖片對應各種螢幕大小, 因此不在 img 元素中設定
width、height 屬性, 而是在 CSS 中控制 1-1 。
配置位置一般是放在頁首區域, 也可依照需求配置在頁尾區域也是沒關係的。

以 CSS 準備 Slideshow 外觀

接著在 CSS 中設定所有圖片橫向配置, 此外考量如果中間圖片與兩側都以相同的方式顯
示, 會無法突顯出主題, 所以兩側圖片上用半透明的點狀圖片覆蓋, 如此可讓中間顯示圖
片更明顯, 兩側圖片更有設計感, 讓整個幻燈片效果更有特色 2-1 。

…….﹝詳細內容

 

更多內容請見 《 接案我最行: jQuery 經典範例必殺技 》

 
 
完全詳解! 免費雲端工具活用事典

完全詳解! 免費雲端工具活用事典

在電腦上無論進行文書編輯、各種文件/影片的轉檔、下載檔案…等工作, 都免不了要安裝相對應的軟體, 但網路上下載到的軟體品質參差不齊, 有些軟體更挾帶數個惡意程式, 一旦不慎安裝到電腦, 往往造成系統變慢、瀏覽器被綁架、中毒等慘劇發生…有些甚至移都移除不掉!別再讓這種慘劇一再發生了!其實大部分的電腦使用需求, 在網路上都有免費的雲端工具可以解決, 這些工具完全不用安裝, 直接連上網就可以使用。本書嚴選 47 個熱門雲端服務, 從【轉換檔案格式、影音下載、簡報、問卷、企劃圖表製作, 到 PDF 文書處理、修圖合成、影片後製】, 各種電腦需求一應俱全。書中將 Step by Step 介紹這些免費工具的活用技巧, 改變您原本工作的習慣, 除了長保電腦效能, 更能將生活、工作效率發揮到極限!

……… 更多內容 >>

   
躲貓貓- 貓咪的一天著色畫 躲貓貓- 貓咪的一天著色畫

畫著色畫就是想要舒壓,可是你看看市售的著色畫,動輒好大一本,翻開來更是眼花撩亂,畫也畫不完,越畫越頭暈目眩…,不禁想問:這玩意兒真的能舒壓嗎?
來來來,試試這個系列吧!
本書是作者仔細觀察愛貓「波諾」,記錄貓咪一天生活的著色畫。作者身兼貓奴與插畫家,她巧妙地將貓咪的身影和花卉、動物圖樣結合,變成有趣又美麗的著色畫,當你完成著色,就可以找到隱藏的圖案喔!
請選一個喜歡的片刻,或是特別可愛的貓咪身影,慢慢地上色吧。讓貓走進你的生活,在著色裡療癒你的心

  ………多內容 >>

 
 
優質胺基酸BCAA的攝取時機與份量

一如 Q 35 的說明,BCAA是非常優質的胺基酸,但卻有許多人無法感受到它的效果,問題應該是出在攝取的時機以及份量上。

攝取時機必須選在訓練、比賽等運動時段。若是比賽,就在賽前 30 分鐘左右飲用,若是有中場休息的賽事,就在中途補充,完賽後也要喝。以前電視曾經播出接受過這套飲用法指導的運動選手,在奧運舞台上因為忘了喝BCAA而 要求延緩比賽並回到選手席的畫面,可見他有多麼重視要在運動時飲用。如果是高爾夫球賽,就分別在回合前、中場休息、後半第 15 洞時,分成三次攝取。

飲 用的份量則因人而異。若是職業摔角手、健美運動員或其它各項專業運動員,建議在運動的前、中、後攝取共1015克的BCAA。儘管曾有數據顯示只要2克的 BCAA就能發揮效果,但以實際運動員的表現來看,2克其實是很難有感覺的。BCAA獨特的優點,在於它能繞過肝臟、直接被肌肉代謝。它與一般的胺基酸稍 有不同,即使過度飲用,也不必擔心對肝臟造成負擔,因
此大量攝取是可行的。

原則上,纈胺酸、白胺酸與異白胺酸這三者必須同時攝取。白胺酸功能強大,可促進蛋白質合成並抑制分解,若只攝取白胺酸,就會因活性酵素的影響,導致只有纈胺酸與異白胺酸被瓦解,使體內的胺基酸平衡崩潰。當然,市售的BCAA都有包含這三種胺基酸,所以這點倒是可以放心。

…….﹝詳細內容

  

  更多內容請見 《 營養補充品大事典 – 運動健身者吃補的 88 個基礎知識



 
 


旗 標 出 版 股 份 有 限 公 司
地址:100 台北市杭州南路一段15-1號19樓 電話: (02) 2396-3257
若您對內容有任何建議,歡迎您來信與我們分享 ! 聯絡我們
如果您對內容讚賞有加,希望能轉載,還請務必來信告知 ! 以便於處理。


  免費電子報 | 著作權聲明 | 隱私權聲明 | 聯絡我們
udnfamily : news | video | money | stars | health | reading | mobile | data | NBA TAIWAN | blog | shopping

發表迴響