AngularJS 学习笔记一
<!DOCTYPE html><html lang="zh-cn" ng-app="HideAnkSeek"><head> <meta charset="UTF-8"> <title>躲猫猫</title> <style type="text/css"> .ng-cloak { display: none; } </style></head><body><span wildcat>一碰我就跑~~来点我啊~~</span><script src="js/angular-1.2.0rc1/angular.js" type="text/javascript"></script><script type="text/javascript"> angular.module("HideAnkSeek", []).directive("wildcat", function ($document) { var maxLeft = 400,maxTop = 300; var msg = ["我闪~~", "抓我呀~~~", "雅蠛蝶~~", "噢耶~~", "你真逊~！","就差那么一点点了！","继续吧~~总有一天我会累的"]; return function (scope, element, attr) { element.css({ "position":"absolute", "border":"1px solid green" }); element.bind("mouseenter", function (event) { element.css({ "left":parseInt(Math.random() * 10000 % maxLeft) + "px", "top":parseInt(Math.random() * 10000 % maxTop) + "px" }).text(msg[parseInt(Math.random() * 10000 % msg.length)]); }).bind("click",function (event) { element.text("噢 My Lady Gaga。。。被你逮到了。。。"); element.unbind("mouseenter"); }); }; });</script></body></html><span wildcat>一碰我就跑~~来点我啊~~</span>