2008年6月3日 星期二

翻滾吧!!網頁!!(Safari限定)

這是Safari限定的秘技(WebKit核心的瀏覽器理論上都行啦),乍看之下好像很無用又很Orz的知識,不過天曉得呢?說不定有一天會用到…



javascript:document.body.style['-webkit-transform']='rotate(180deg)';
把上面這段火星咒文(整個咒文都是同一行)選起來拖到Bookmarks Bar上,然後按下去就可以發現…



  當然,聰明人都會知道那串火星文的"180deg"這數值是可以隨便改的,就看要轉幾度了。像這樣,70度。


  如果嫌效果不夠絢麗的話,下面還有讓網頁翻滾給你看的火星咒文,用法同上…





javascript:function r(i){document.body.style['-webkit-transform']='rotate('+i+'deg)';if(i<360)settimeout('r('+(i+10)+')',100);}r(0);>
就醬,大家慢慢玩…


❏ 引用來源:秋元@サイボウズラボ・プログラマー・ブログ

creazy photograph

1 則留言:

  1. 非WebKit應該也有類似的CSS功能...
    好像是叫rotationProperty
    document.body.style.rotationProperty="180"
    各位試試吧(不過我就沒成功過=.=)
    希望有人能發現其他方法實現吧
    難道只能通過SVG的XHTML實現?

    回覆刪除