双节

图片变化以及二级菜单变化

对于第二个项目，自我感觉这个项目比这第一个项目稍微有点难度，很多地方自己都还没搞的很明白，只能慢慢摸索，听老师讲，还有自己查资料，特别是点击二级菜单，旁边的小按钮变换自己写的时候总是搞不明白。
比如二级菜单收缩栏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能直接移动元素
					})
				}
			});

效果就是点击左右按钮切换