根據ajax回傳的json動態生成dom並追加CSS樣式


模擬一個博客,當自己有多少條博客,就動態生成多少塊瀑布樣式:

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選擇范圍


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM