AngularJS 02

<script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>
<div ng-app="Ng">
<div supermanss></div>

<div enter="panel" leave>鼠标移入移出</div>
</div>

<script>
var ng = angular.module("Ng", []);

ng.directive("supermanss", function () {
return { restrict: "A", link: function () { alert("Hello")} };

})

ng.directive("enter", function(){return function (scope,element,attr) {
element.bind("mouseenter", function () {
// element.addClass("panel");
element.addClass(attr.enter);
})
}
})

ng.directive("leave", function () {

return function (scope, element, attr)
{
element.bind("mouseleave", function () {

// element.removeClass("panel");
element.removeClass(attr.enter);
})

}
})
</script>