[分享] Opera Show 簡易簡報(Opera限定)
這是Opera蠻久的功能了
(至少在v.9時就看過這功能 :)
所比相信有不少人已經知道 ^^
功能簡述:
Opera 在按下F11時會抓projection的css
而Opera在projection下可以支援css2的page-break
(這原本是給print做列印分頁用的功能XD)
細節設定可看W3C的原文文件
http://www.w3.org/TR/CSS21/page.html#propdef-page-break-before
透過在標題h1/h2/h3...或是要用hr去做page-break
(視情況用page-break-before 及 page-break-after)
便可在區間內做分頁的動作
達到簡報的效果~
demo: 請用你的Opera按下F1進Opera官網說明
再按下F11體驗
也可以在下列這頁試試
[Opera Show - Opera As a Presentation Tool]
( http://people.opera.com/howcome/2004/operashow/tutorial.html )
Opera官網說明:
教學網頁撤掉了(不曉為啥
只剩下在 opera > help > display mode 有簡短的介紹
底下的link壞掉了 = =a
Opera Show的限制
我試是只能用PageDown/PageUp做頁面移動啦
基本用法是沒法用左右鍵控制 (但可寫js達成才是)
若你夠閒可以弄一個 menu 加 anchor 去跳轉
最重要的限制:: OPERA 限定 XDDD
但是只要你的版面在Opera沒跑
你只要在隨身碟裝個可攜的Opera這問題應該不太算難解啦~
Opera Show的缺點:
就是它靠Opera吃飯
Opera版面上有的問題 它通通都會有XDD
目前個人覺得最麻煩的就是中文字體跟英文字體orz
ex::
p{font-family:Arail,"標楷體";}
<p>123木頭人</p>
前面的123一定是Arail(至少在windows下是這樣啦XD)
後面的木頭人 在別的瀏覽器上會是標楷體 (因為Arail裡沒有中文字呀~)
但Opera找中文字的方式好像不太一樣 會變成系統預設(新細明體之類的...)
為了這種奇妙的字型問題 有時得多包一堆tag XDD
介紹大致如此
只要瞭解些CSS定位方法 就能做出很簡單的簡報了
(其實我並不習慣簡報很華麗 有沒有動畫並不重要啦XD
當然，你也可以用 css3/jquery 弄一堆屌爆了的動畫效果，自行選擇~)
鄉民: 那我不熟怎麼辦?
Opera既為懶人設計，想必這功能也有懶人包了~
最後放一個簡易的Opera Show生成網站囉~~
http://people.opera.com/howcome/2004/operashow/
可以填一填 自動生成
(但是個人還是習慣自己做一個啦XD)
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 123.240.214.35