說說開源中國社群的愚人節

2021-09-01 16:44:11 字數 1565 閱讀 6973

今天是愚人節,上開源中國的首頁發現頁面轉到了起來:

哈哈,的確是被雷了一下。

不過這個實現需要css3的支援,所以ie9以下的ie是看不到的。

我們來看看這個功能的js:

/**

* a little trick in april fools day

* 2013-03-30 21:46 by bluishoul

*/$(function());

$("#trick_words").remove();

}else);

$("body").css();

if(tc==2)

} //}

});

從上面的**中,我們可以看到,先獲取cookie中的 trick 值,這個值==2時,正常顯示,不然就旋轉 body 物件,這時設定了trick 這個cookie值為1。使用者一看頁面旋轉了,一般會f5一下,還是旋轉,這裡cookie被設定為2,然後顯示愚人節快樂的。使用者再重新整理,看不到旋轉效果,因為cookie已經為2了。

這裡,用到了$.cookie() 方法,這個是oschina自己擴充套件的方法,在oschina.js 189行:

//jquery的cookie擴充套件

$.cookie = function(name, value, options) ;

if (value === null)

var expires = '';

if (options.expires && (typeof options.expires == 'number' || options.expires.toutcstring)) else

expires = '; expires=' + date.toutcstring(); // use expires attribute, max-age is not supported by ie

}var path = options.path ? '; path=' + options.path : '';

var domain = options.domain ? '; domain=' + options.domain : '';

var secure = options.secure ? '; secure' : '';

document.cookie = [name, '=', encodeuricomponent(value), expires, path, domain, secure].join('');

} else }}

return cookievalue;}};

不過我覺得只是旋轉乙個小角度不夠好,直接 style="transform: rotate(-180deg);":

這個效果太明顯哈哈。

寫這個文章,只在學習交流,不喜勿噴=.= 愚人節快樂

說說開源中國社群的愚人節

今天是愚人節,上開源中國的首頁發現頁面轉到了起來 哈哈,的確是被雷了一下。不過這個實現需要css3的支援,所以ie9以下的ie是看不到的。我們來看看這個功能的js a little trick in april fools day 2013 03 30 21 46 by bluishoul func...

抓狂的愚人節

今天是愚人節,鬱悶的,倒霉一天也隨之降臨,雖然現在才10點,但不幸的事情接連不斷 1,早上找我的u盤,竟然找不到,裡面有我需要的資料呀,鬱悶中.2,早上上班被雨淋一身 3,早上買早餐,打傘時,豆漿倒在我的電腦包和衣服上,害的身上和電腦包上都是熱氣騰騰的豆漿味,幸好,電腦包防水,電腦沒事,屬不幸中的萬...

愚人節的禮物

description 四月一日快到了,vayko想了個愚人的好辦法 送禮物。嘿嘿,不要想的太好,這禮物可沒那麼簡單,vayko為了愚人,準備了一堆盒子,其中有乙個盒子裡面裝了禮物。盒子裡面可以再放零個或者多個盒子。假設放禮物的盒子裡不再放其他盒子。用 表示乙個盒子,b表示禮物,vayko想讓你幫她...