模擬一個博客,當自己有多少條博客,就動態生成多少塊瀑布樣式:
1、先通過jquery方法將json數組字符串轉化為對象形式:
var tem = $.parseJSON(result);
2、循環遍歷json長度,動態生成樣式,並追加CSS屬性:
當追加hover樣式時,查閱文檔,里面兩個函數分別是鼠標進去以及出去的事件,當只寫一個函數,則鼠標進出都實現同樣的行為
類選擇器下使用this確定到具體的模塊下:
$('.topInfoThumb p a').hover(function(){ $(this).css("color","rgba(225,51,102,1)"); },function(){ $(this).css("color","rgba(125,153,204,1)"); } );
基礎html嵌套以及CSS選擇范圍