- 鼠标移动上去，根据type的不同进行切换
- ng-switch 和 ng-swtich-when
<div ng-switch="type">
<div ng-switch-when="html"></div>
<div ng-switch-when="ios"></div>
<div ng-switch-when="java"></div>
<div ng-switch-when="ui"></div>
</div>
var app = angular.module('app',[]);
app.controller('wmxController',['$scope',function ($scope) {
//默认显示第一张
$scope.type = "html";
$scope.enter = function (args) {
$scope.type = args;
}
}])
<div class="title">
<ul>
<li ng-mouseenter="enter('html')" ng-class="{cur:type == 'html'}">前端学院</li>
<li ng-mouseenter="enter('ios')" ng-class="{cur:type == 'ios'}">ios学院</li>
<li ng-mouseenter="enter('java')" ng-class="{cur:type == 'java'}">java学院</li>
<li ng-mouseenter="enter('ui')" ng-class="{cur:type == 'ui'}">UI精品学院</li>
</ul>
</div>
