对于第二个项目,自我感觉这个项目比这第一个项目稍微有点难度,很多地方自己都还没搞的很明白,只能慢慢摸索,听老师讲,还有自己查资料,特别是点击二级菜单,旁边的小按钮变换自己写的时候总是搞不明白。 比如二级菜单收缩栏jquery文件:
$(".m-treeview>li").click(function(){ var cl=$(this).attr("class"); if(cl=="m-collapsed") $(this).attr("class","m-expanded"); else if(cl=="m-expanded") $(this).attr("class","m-collapsed") })实现效果如下: 以及左右切换:
var $this = $(".scrollNews"); var scrollTimer; $this.hover(function() { clearInterval(scrollTimer); }, function() { scrollTimer = setInterval(function() { scrollNews($this); }, 1000); }).trigger("mouseleave"); function scrollNews(obj) { var $self = obj.find("ul:first"); var lineHeight = $self.find("li:first").height(); //获取行高 $self.animate({ "marginTop": -lineHeight + "px" }, 600, function() { $self.css({ marginTop: 0 }).find("li:first").appendTo($self); //appendTo能直接移动元素 }) } });效果就是点击左右按钮切换