Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 亚洲精品久久久久电影网,色黄视频网站,国产精品嫩草影院线路 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務商
          
				
          電腦端+手機端+微信端=數據同步管理
          
			
          
			
          				
				
          免費咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          簡單好用，css3實現上下元素移動
          
        
           
          
	
	
          
		
                        
          們經常看見某些元素會上上下下，比如箭頭的指引效果，這個CSS3就可以完成此動作，簡單好用，親測。
          @-webkit-keyframes bounce-down {
           25% {
           -webkit-transform: translateY(-10px);
           }
           50%, 100% {
           -webkit-transform: translateY(0);
           }
           75% {
           -webkit-transform: translateY(10px);
           }
          }
          @keyframes bounce-down {
           25% {
           transform: translateY(-10px);
           }
           50%, 100% {
           transform: translateY(0);
           }
           75% {
           transform: translateY(10px);
           }
          }
          .animate-bounce-down{
           -webkit-animation: bounce-down 1.5s linear infinite;
           animation: bounce-down 1.5s linear infinite;
          }
          @-webkit-keyframes bounce-up {
           25% {
           -webkit-transform: translateY(10px);
           }
           50%, 100% {
           -webkit-transform: translateY(0);
           }
           75% {
           -webkit-transform: translateY(-10px);
           }
          }
          @keyframes bounce-up {
           25% {
           transform: translateY(10px);
           }
           50%, 100% {
           transform: translateY(0);
           }
           75% {
           transform: translateY(-10px);
           }
          }
          .animate-bounce-up{
           -webkit-animation: bounce-up 1.4s linear infinite;
           animation: bounce-up 1.4s linear infinite;
          }
          運用
          <div class="animate-bounce-up"></div>
          --------------------------------
          來源：切圖網（qietu.com）始于2007年，專注web前端開發、培訓。
          在的移動端頁面中，很多網站都用到了側邊切換菜單欄功能，針對于該功能， 利用CSS3的知識，寫了一個實現側滑的效果。
          效果展示如下：
          HTML:首先寫好側邊的布局。然后不是側邊的內容塊最好用一個內容塊包圍住。
          CSS樣式
          給側邊菜單定位，起始位置為left:-50%,當點擊菜單的展開按鈕，側邊菜單就加上open類目，讓left:值為0，即展開切換。同理。main也一樣。
          JQ代碼
          當點擊菜單展開按鈕 定義類名為 f-lei，側邊菜單切換添加刪除類open, 主內容切換添加刪除類show。當側邊展開時，點擊展開的剩余背景能收縮展開的菜單欄。
          <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登錄頁面</title>
    /*總體的樣式*/
    <style>
    	/*盒子樣式*/
        #box{
            width: 350px; //寬
            height: 450px; //高
            border: 1px solid black; //邊框
            border-radius: 10px; //邊框弧度
            font-family: 黑體; //字體
            letter-spacing:8px; //段間距
            word-spacing: 10px; //字間距
            line-height: 40px; //行高
            font-size: 18px; //字大小
            padding: 20px; //內邊框
        }
        /*給'注冊'賦予樣式*/
        .register{
            width:280px ; //寬
            height: 50px; //高
            background-color: skyblue; //背景顏色
            border-radius: 10px; //邊框弧度

        }
        /*將所有邊框都改變*/
        *{
            border-radius: 5px; 邊框弧度
        }
        /*使用class選擇器，賦予number寬高和邊框*/
        .number{
            width: 185px; //寬
            height: 27px; //高
            border-width: 1px; //邊框寬度

        }
        /*id選擇器*/
        #two{
            width: 55px; //寬
            border-width: 1px; 邊框寬度
        }
        /*id選擇器*/
        #phone{
            width: 103px; //寬
        }
        /*class 選擇器*/
        .boxs{
            zoom: 75%; //清除浮動
            color: darkgray; //顏色
        }
        /*class選擇器*/
        .box_a{
            width: 50px; //寬
            height: 50px; //高
            background-image: url("../image/04.jpg "); //背景圖片
            background-repeat: no-repeat; // 是否平鋪
            background-size: 50px 25px; //背景尺寸
            position: relative; //定位 相對定位
            left: 310px; //定位后左移
            bottom: 32px; //定位后下移

        }
    </style>
</head>
<body>
<div id="box">
    <h1>請注冊</h1>
<p style="color: darkgray">已有帳號?<a href="https://im.qq.com/index">登錄</a></p>
<form action="" method="post">
    <label for="name">用戶名</label>
    <input type="text" placeholder="請輸入用戶名" id="name" class="number"> <br>
    <label for="phone">手機號</label>
    <select name="" id="two" class="number">
    <optgroup>
        <option style="" class="">+86</option>
    </optgroup>
    </select>
    <input type="text" placeholder="請輸入手機號" id="phone" class="number"> <br>
    <label for="mima">密?碼</label>
    <input type="password" placeholder="請輸入密碼" id="mima" class="number"> <br>
    <label for="mima">驗證碼</label>
    <input type="password" placeholder="請輸入驗證碼" id="is" class="number">
    <div class="box_a"></div>
    <div class="boxs">
        <input type="radio" id="" class="accept">閱讀并接受協議<br>
    </div>
    <input type="submit" value="注冊" class="register" >

    </form>
</div>


</body>
</html>
在這里插入圖片描述
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
亚洲熟女乱综合一区二区|
国产高清在线精品一区二区|
日韩精品一区二区三区国语自制|
AV怡红院一区二区三区|
无码人妻久久一区二区三区免费|
制服丝袜一区在线|
国产成人一区二区三区视频免费
|
91久久精品国产免费一区|
国产成人久久精品麻豆一区|
爱爱帝国亚洲一区二区三区
|
国产一区二区三区内射高清|
亚洲国产成人精品无码一区二区|
国产av熟女一区二区三区|
一区二区三区在线观看视频|
怡红院一区二区三区|
色噜噜狠狠一区二区|
国产韩国精品一区二区三区久久|
人妻无码一区二区三区|
日亚毛片免费乱码不卡一区|
色一情一乱一伦一区二区三区日本
|
国产韩国精品一区二区三区久久|
国产一区二区内射最近更新|
国产色精品vr一区区三区|
一区二区免费国产在线观看|
国产一区二区精品久久岳√|
日本精品少妇一区二区三区|
无码精品人妻一区|
精品视频在线观看你懂的一区|
一区二区三区电影网|
东京热人妻无码一区二区av|
国产成人久久一区二区不卡三区|
久久精品综合一区二区三区|
中文字幕一区二区日产乱码|
中文字幕一区二区三区在线不卡
|
无码国产精品一区二区免费式影视
|
无码人妻精品一区二区三区东京热|
精品一区二区在线观看|
日韩精品一区二区三区中文|
中字幕一区二区三区乱码|
在线一区二区三区|
国产精品被窝福利一区|