aj

于 2017-10-12 13:51:45 发布
阅读量294 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chaixiaokai/article/details/78214022
版权 
<!DOCTYPE html>
<html>//变颜色
<head lang="en">
    <meta charset="UTF-8">
    <script type="text/javascript" src="angular-1.3.0.js"></script>
    <title></title>
    <style>
        .sky {
            background-color: lightblue;
        }
        .t {
            background-color: coral;
        }
    </style>
</head>
<body ng-app="">
     <select ng-model="a">
         <option value="sky">天空</option>
         <option value="t">番茄</option>
     </select>
<div ng-class="a">
         <h2>sdasd</h2>
</div>
</body>
</html>












//随机数
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="angular-1.3.0.js"></script>
    <script>
            var my = angular.module('my',[]);
            my.controller("myapp",function($scope){
                $scope.check = function()
                {
                    $scope.random=Math.ceil(Math.random()*6);
                    $scope.rad=Math.ceil(Math.random()*6);
                    $scope.haha = $scope.random - $scope.rad;
                }
                $scope.chong = function()
                {
                    $scope.random=null;
                    $scope.rad=null;
                    $scope.haha = null;
                }
            });
    </script>
</head>
<body ng-app="my" ng-controller="myapp">
    <input type="number" ng-model="random"/><br>
    <input type="number" ng-model="rad"/><br>
    <button type="button" ng-click="check()">掷骰子</button>
    <button type="button" ng-click="chong()">不玩了</button>
    <h4 ng-if="haha>0">张三赢了</h4>
    <h4 ng-if="haha<0">李四赢了</h4>
    <h4 ng-if="haha==0">张三李四平局</h4>
</body>
</html>

 

 

 

 

<div ng-app="" >//钱
    <input type="number" ng-model="quantity">
    <input type="number" ng-model="price">
    <p>总价 = {{ (quantity * price) | currency }}</p>
</div>

 

 

 

 

 

//时间
 

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
      <script type="text/javascript" src="angular-1.3.0.js"></script>
    <title></title>
    <script>
        var app=angular.module("timer",[]);
        app.directive("nowTime",function(){
              return{
                  restrict:"EACM",
                  template:"<h3>" + new Date().toLocaleDateString()+""+new Date().toLocaleTimeString()+ "</h3>",
                  replace: true
              }
            });
    </script>
</head>
<body ng-app="timer">
  <now-time>当前时间:</now-time>
  <!-- 标签: restrict: "E" - Element -->
  <div now-time>档当当</div>
  <!-- 属性: restrict: "A" - Attribute -->
  <div class="now-time">当前时间：</div>
  <!-- 类: restrict: "C" -->
  <!-- directive: now-time --> <!-- 注释: restrict: "M" -->
</body>
</html>

//Http   Service
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="angular-1.3.0.js"></script>
    <title></title>
    <script type="text/javascript">
        var app = angular.module("myApp", []);
        app.controller("bookCtrl", function ($scope, $http) {
            $http({
                method: "GET",
                url: "book.json"
            }).success(function (data, status, headers, config) {
                $scope.book = data;
            }).error(function (data, status, headers, config) {
                console.log(status);
            });
        });

        app.controller("bookListCtrl", function ($scope, $http) {
            $http({
                method: "GET",
                url: "books.json"
            }).success(function (data, status, headers, config) {
                $scope.books = data;
            }).error(function (data, status, headers, config) {
                console.log(status);
            });
        });
    </script>
</head>
<body ng-app="myApp">
<div ng-controller="bookCtrl">
    <ul>
        <li>ID：{{ book.id }}</li>
        <li>标题：{{ book.title }}</li>
        <li>类型：{{ book.type }}</li>
        <li>描述：{{ book.description }}</li>
        <li>图片：<img src="{{ book.picture }}" /></li>
        <li>是否推荐：{{ book.isRecommend }}</li>
        <li>上架时间：{{ book.dtCreated }}</li>
    </ul>
</div>

<div ng-controller="bookListCtrl">
    <table border="1">
        <tr>
            <th>NO</th>
            <th>ID</th>
            <th>标题</th>
            <th>是否推荐</th>
            <th>价格</th>
        </tr>
        <tbody ng-repeat="book in books">
        <tr>
            <td>{{$index}}</td>
            <td>{{book.id}}</td>
            <td>{{book.title}}</td>
            <td>
                <i ng-if="book.isRecommend">是</i>
                <i ng-if="!book.isRecommend">否</i>
            </td>
            <td>{{book.price}}</td>
        </tr>
        </tbody>
    </table>
</div>
</body>
</html>

//秒变
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <script type="text/javascript" src="angular-1.3.0.js"></script>
    <title></title>
    <script>
        var nowtime=function(){
            return new Date().toLocaleDateString()+""+new Date().toLocaleTimeString();
        }
        var app=angular.module("myApp",[]);
        app.controller("myCtrl",function($scope,$interval,$timeout){
           $interval(function(){
               $scope.nowtime=nowtime();
           },1000);
            $timeout(function () {
                $scope.mytext = "Java B C";
            }, 5000);
        })
    </script>
</head>
<body ng-app="myApp">
   <div ng-controller="myCtrl">
       <div>{{ nowtime }}</div>
       <div>等待5秒显示的文字：{{ mytext }}</div>
   </div>
</body>
</html>


                

        

        

    

  


    

      

        

            

              
                
                  Running--
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
游戏网站首页的制作

				
			

			

				

					10-24
				

			

		

		

			
				
利用基础技术html、css、jQuery等制作了一个游戏网站首页。可以在此基础上进行扩展。   适合新手学习使用

			
		

	



                

              
                



	

		

			

				
					
js练习4：制作凡客诚品帮助中心页面.zip

				
			

			

				

					08-27
				

			

		

		

			
				
js练习4：制作凡客诚品帮助中心页面.zip

			
		

	



                


  
              

                


	

		

			

				
					
用jquery制作凡客诚品帮助中心页面

					
热门推荐

				
			

			

				

					qq_39879340的博客
				

				

					10-10
					
					2万+
					
				

			

		

		

			
				
左导航，当前二级菜单项展开时，其余导航项关闭 
帮助中心，文本框获得焦点时，默认文字消失，失去焦点时，再次显示文字 
购物流程，鼠标指针移过时，当前项高亮显示，鼠标指针移至父元素或祖先元素时，依旧高亮，只有当鼠标指针移至其同辈元素时，同辈元素高亮，而去掉该元素高亮样式 
问题解决，选中按钮“未解决”时显示相关内容 
 
<body>
<div id="bodyDiv">
    <!-- 输入框 -

			
		

	





	

		

			

				
					
使用jQuery快速高效制作网页交互特效

				
			

			

				

					03-31
				

			

		

		

			
				
这是北大青鸟课件，中间包含PPT、源码、项目案例，快速学习jQuery.
经典资料，欢迎下载！

			
		

	



		

			
		



	

		

			

				
					
jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码

				
			

			

				

					10-22
				

			

		

		

			
				
主要介绍了jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码,涉及jQuery针对页面元素动态操作及响应鼠标事件动态修改页面元素样式的相关技巧,需要的朋友可以参考下

			
		

	





	

		

			

				
					
java源码AJ-Report可视化报表工具

					
最新发布

				
			

			

				

					05-05
				

			

		

		

			
				
AJ-Report是一款基于Java开发的开源可视化报表工具，它提供了丰富的图表类型和灵活的数据处理能力，使得开发者可以方便地创建和展示数据报表。这个压缩包包含了一份使用说明和AJ-Report的V1.4.0版本。  在Java编程中...

			
		

	





	

		

			

				
					
AJ-Captcha行为验证码 v1.3.0.zip

				
			

			

				

					03-18
				

			

		

		

			
				
AJ-Captcha行为验证码是一款用于网站安全验证的工具，版本为1.3.0。这款验证码系统旨在防止自动化脚本或机器人进行恶意操作，如垃圾邮件发送、账户注册、恶意登录等。它通过检测用户在输入验证码时的行为模式来判断...

			
		

	





	

		

			

				
					
AJ-Report可视化报表工具 v1.3.0.zip

				
			

			

				

					03-18
				

			

		

		

			
				
AJ-Report是一款强大的可视化报表工具，其v1.3.0版本主要专注于提供高效的数据分析和展示能力。这款工具能够帮助开发者和业务分析师快速构建出交互式的报表和仪表板，从而更好地理解数据背后的故事。在深入探讨AJ-...

			
		

	





	

		

			

				
					
基于Javascript的行为验证码AJ-Captcha设计源码

				
			

			

				

					04-11
				

			

		

		

			
				
本源码提供了一个基于Javascript的行为验证码AJ-Captcha设计。项目包含1645个文件，其中包括343个PNG图片、241个PHP文件、139个Swift文件、93个JavaScript文件、88个H文件、80个M文件、72个XML文件、69个Java文件、...

			
		

	





	

		

			

				
					
MITSUBISHI三菱高速计数器模块类型AJ65BT-D62_AJ65BT-D62D_AJ65BT-D62D-S1用户手册

				
			

			

				

					07-08
				

			

		

		

			
				
MITSUBISHI的高速计数器模块，如AJ65BT-D62、AJ65BT-D62D以及AJ65BT-D62D-S1，是专为工业自动化应用设计的高效能部件，用于精确地监测和处理高速输入信号。这些模块提供了高精度的计数功能，适用于各种生产线监控和...

			
		

	





	

		

			

				
					
用jquery制作全网热播视频页面

				
			

			

				

					qq_39879340的博客
				

				

					09-28
					
					1万+
					
				

			

		

		

			
				
使用选择器:not( ) 设置图片与右侧内容间距10px 
使用选择器:last设置右侧列表背景颜色为#f0f0f0 
使用层次选择器、:first、:not( )设置前三个视频名称前的数字1、2、3背景颜色为#f0a30f，后面的数字背景颜色为#a4a3a3 
3、5、6、7后的箭头向上，4、8、9、10后的箭头向下 
鼠标移至右侧列表上时，显示对应的隐藏内容“”加入清单，鼠标离开后隐藏内容 
实

			
		

	





	

		

			

				
					
页面制作流程

				
			

			

				

					hellogull
				

				

					07-26
					
					1057
					
				

			

		

		

			
				
浏览了一些论坛上的内容，将看到的一些页面制作流程和标准整理如下：
1.看效果图，首先要了解页面，然后出现问题即时与设计人员沟通。
2.做好HTML框架的规划，搭建HTML框架（要求结构化和标签语义化），添加语义化的命名。
3.根据上一步的框架，写HTML框架和CSS样式的报告。以有利于加快项目进度和方便后期管理。
4.编写HTML框架（即为页面中的文字内容和图片）。需要考虑代码结构，方便后

			
		

	





	

		

			

				
					
DOM制作流程 

				
			

			

				

					Gothic的专栏
				

				

					03-31
					
					7503
					
				

			

		

		

			
				
 DOM制作流程项目基本结束，这个是其中系统裁减的一个总结文档，不知道有没有人感兴趣：)  =============================================  前言: 为了完成用户的需求，需制作一个完整的环境供AP运行，且存在一些约束条件。  关键字： DOM Kernel Busybox X-Window Window-Manager Interbase nvi

			
		

	





	

		

			

				
					
导航练习

				
			

			

				

					ztt0918的博客
				

				

					04-18
					
					477
					
				

			

		

		

			
				
html>
html lang="en">
head>
    meta charset="UTF-8">
    style>
       li{
            list-style: none;
            float: left;
            width: 100px;
            color: #FF6500;
            fon

			
		

	





	

		

			

				
					
凡客诚品网站打不开：页面显示域名到期了！

				
			

			

				

					baigongguanjia的专栏
				

				

					05-14
					
					1498
					
				

			

		

		

			
				
5月14日讯，上午9点左右，部分网友反映凡客诚品官方网站登陆不了，页面显示“该域名已过期，请及时续费”，截止目前，仍然有用户不能正常访问。
据数据显示，凡客诚品的官网域名早已续费至2015年5月，按理说不应该出现域名过期致使网站不能登陆的情况。后发现，域名的whois信息，在今年5月13日(东五区时间) 有发生更新，难道这是由于域名注册商三五互联的不严谨操作导致的“乌龙”事件?

			
		

	





	

		

			

				
					
jQuery简单实现当前页的导航或分类高亮显示

				
			

			

				

					chenshang4807的博客
				

				

					08-09
					
					540
					
				

			

		

		

			
				
具体示例： 
$(function(){
varurlName=window.location.pathname;//获取地址栏中文件名或路径。
$('#Menulia').each(function(){//遍历当前网页导航或分类
var...

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值