利用angularjs1.4制作的简易滑动门效果

  

<>强效果图:(点击python的效果)

  

利用angularjs1.4制作的简易滑动门效果

  

<强>代码如下:

        & lt; !DOCTYPE html>   & lt; html lang=坝τ谩北?   & lt; head>   & lt;元charset=皍tf - 8”比;   & lt;元name=笆哟啊蹦谌?翱矶?设备宽度,初始=1”比;   & lt;元http-equiv=癤-UA-Compatible”内容=癐E=边缘”比;   & lt;链接的href=" https://www.yisu.com//cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap-grid.css " rel=巴獠縩ofollow”rel=把奖怼北?   & lt; title> & lt;/title>   & lt;/head>   & lt;身体ng-app="应用" ng-controller=霸又尽北?   & lt; div类="容器"比;   & lt; div类="行"比;   & lt; div class=" col-md-4 col-md-offset-4”比;   & lt; ul>   & lt;李类=皃ull-left ng-click”=扒谢?)”祝辞& lt; a href=" javascript:,“rel=巴獠縩ofollow”rel=巴獠縩ofollow”祝辞jquery & lt;/li>   & lt;李类=皃ull-left ng-click”=皌oggle2()“祝辞& lt; a href=" javascript:,“rel=巴獠縩ofollow”rel=巴獠縩ofollow”祝辞python & lt;/li>   & lt;/ul>   & lt;/div>   & lt; div类=" col-md-6 " ng-show=癿yvar#”比;   & lt; p>我就是我& lt;/p>   & lt;/div>   & lt; div类=" col-md-6 " ng-show=癿yvar2”比;   & lt; p>注意注意我变了& lt;/p>   & lt;/div>   & lt;/div>   & lt;/div>   & lt;脚本src=" https://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js "祝辞& lt;/script>   & lt; script>/* *   *应用模块   *   *描述   */角。模块(“应用程序”,[])。控制器(“杂志”,“美元范围”,函数(范围美元){   美元的范围。myvar#=true;   美元的范围。myvar2=false;   美元的范围。切换=function () {   美元的范围。myvar#=true;   美元的范围。myvar2=false;   }   美元的范围。toggle2=function () {   美元的范围。myvar#=false;   美元的范围。myvar2=true;   }   }))   & lt;/script>   & lt;/body>   & lt;/html>   之前      

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!

利用angularjs1.4制作的简易滑动门效果