Ng-Mousemove-7

 

Example of Ng-Mousemove:

 
 
 
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> </head> <body ng-app=""> <div class="container"> <div class="row well" ng-init="count1=count2=count3=100"> <div class="col-md-4"> <div ng-mousemove="count1=count1==900?100:count1+1" style="height:150px;background-color:#8D{{count1}}A"></div> </div> <div class="col-md-4"> <div ng-mousemove="count2=count2==900?100:count2+1" style="height:150px;background-color:#{{count2}}8FF"></div> </div> <div class="col-md-4"> <div ng-mousemove="count3=count3==900?100:count3+1" style="height:150px;background-color:#{{count3}}F6E"></div> </div> </div> </div> </body> </html>
Output