Ng-Mouseover-6

 
Example of Ng-Mouseover, We will show message once user mouse over to the divs.. See the code
 
 
 
<!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 text-center"> <p>Mouse Over To Show Message</p> <div class="col-md-3 well" ng-mouseover="first=true"> <div ng-show="first">Welcome</div> </div> <div class="col-md-3 well" ng-mouseover="second=true"> <div ng-show="second">to</div> </div> <div class="col-md-3 well" ng-mouseover="third=true"> <div ng-show="third">Angular</div> </div> <div class="col-md-3 well" ng-mouseover="fourth=true"> <div ng-show="fourth">JS Tutorial</div> </div> </div> </div> </body> </html>
Output