模拟一个博客,当自己有多少条博客,就动态生成多少块瀑布样式:
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选择范围