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 国产成+人+综合+欧美亚洲,中国一级免费毛片,日韩在线小视频 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          CSS 圖片
          
        
           
          
	
	
          
		
                        
          為大家介紹如何使用 CSS 來布局圖片。
          圓角圖片
          實例
          圓角圖片:
          img {
           border-radius: 8px;
          }
          實例
          橢圓形圖片:
          img {
           border-radius: 50%;
          }
          嘗試一下 ?
          縮略圖
          我們使用 border 屬性來創建縮略圖。
          實例
          img {
           border: 1px solid #ddd;
           border-radius: 4px;
           padding: 5px;
          }
          <img src="paris.jpg" alt="Paris">
          嘗試一下 ?
          實例
          a {
           display: inline-block;
           border: 1px solid #ddd;
           border-radius: 4px;
           padding: 5px;
           transition: 0.3s;
          }
          a:hover {
           box-shadow: 0 0 2px 1px rgba
           (0, 140, 186, 0.5);
          }
          <a href="paris.jpg">
           <img src="paris.jpg" alt="Paris">
          </a>
          響應式圖片
          響應式圖片會自動適配各種尺寸的屏幕。
          實例中，你可以通過重置瀏覽器大小查看效果:
          如果你需要自由縮放圖片，且圖片放大的尺寸不大于其原始的最大值，則可使用以下代碼：
          實例
          img {
           max-width: 100%;
           height: auto;
          }
          嘗試一下 ?
          提示: Web 響應式設計更多內容可以參考 CSS 響應式設計教程。
          圖片文本
          如何定位圖片文本:
          實例
          左下角左上角右上角右下角居中
          嘗試一下:
          左上角 ? 右上角 ? 左下角 ? 右下角 ? 居中 ?
          卡片式圖片
          實例
          div.polaroid {
           width: 80%;
           background-color: white;
           box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          }
          img {width: 100%}
          div.container {
           text-align: center;
           padding: 10px 20px;
          }
          圖片濾鏡
          CSS filter 屬性用為元素添加可視效果 (例如：模糊與飽和度) 。
          注意: Internet Explorer 或 Safari 5.1 (及更早版本) 不支持該屬性。
          實例
          修改所有圖片的顏色為黑白 (100% 灰度):
          img {
           -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
           filter: grayscale(100%);
          }
          提示: 訪問 CSS 濾鏡參考手冊 查看更多內容。
          響應式圖片相冊
          實例
          .responsive {
           padding: 0 6px;
           float: left;
           width: 24.99999%;
          }
          @media only screen and (max-width: 700px){
           .responsive {
           width: 49.99999%;
           margin: 6px 0;
           }
          }
          @media only screen and (max-width: 500px){
           .responsive {
           width: 100%;
           }
          }
          嘗試一下 ?
          圖片 Modal(模態)
          本實例演示了如何結合 CSS 和 JavaScript 來一起渲染圖片。
          首先，我們使用 CSS 來創建 modal 窗口 (對話框), 默認是隱藏的。
          然后，我們使用 JavaScript 來顯示模態窗口，當我們點擊圖片時，圖片會在彈出的窗口中顯示：
          實例
          // 獲取模態窗口
          var modal = document.getElementById('myModal');
          // 獲取圖片模態框，alt 屬性作為圖片彈出中文本描述
          var img = document.getElementById('myImg');
          var modalImg = document.getElementById("img01");
          var captionText = document.getElementById("caption");
          img.onclick = function(){
           modal.style.display = "block";
           modalImg.src = this.src;
           modalImg.alt = this.alt;
           captionText.innerHTML = this.alt;
          }
          // Get the <span> element that closes the modal
          var span = document.getElementsByClassName("close")[0];
          // When the user clicks on <span> (x), close the modal
          span.onclick = function() { 
           modal.style.display = "none";
          }
          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
          首頁右下角彈出廣告窗體應用的是JavaScript腳本，通過window對象在HTML中重新打開一個窗口，應用open方法控制打開的文件，窗口的大小，通過screen方法控制窗口在頁面中的位置。其具體方法的代碼如下：
          <script language="javascript">
var newformW=300;
var newformH=180;
function pp(){
var T=window.screen.width-newformW;
var L=window.screen.height+newformH;
var name=window.open("advertise.htm","","width="+newformW+",height="+newformH+",top="+T+",left="+L);
}
pp();
</script>
          window對象打開窗口詳解。
          使用window對象打開窗口的語法格式如下：
          windowVar=window.open(url,windowname[,location]);
          參數說明：
          windowVar：：當前打開窗口的句柄。如果open()方法成功，則windowVar的值為一個window對象的句柄，否則windowVar的值是一個空值。
          url：目標窗口的URL。如果URL是一個空字符串，則瀏覽器將打開一個空白窗口，允許用write()方法創建動態HTML。
          windowname：window對象的名稱。
          location：對窗口屬性進行設置。
          期挑戰
          頁面加載后，右小角滑出一個廣告欄，代碼如下， 點擊“關閉”，廣告欄滑出頁面（滑動效果和方向隨意，盡量酷一些，^_^）
          基礎HTML如下：
          1. <div id="ads">
          2. <span>關閉</span>
          3. <p>廣告內容：gbtags.com</p>
          4. </div>
          基礎CSS如下：
          1. /*CSS源代碼*/
          2. body{
          3. background:#CFCFCF;
          4. font-family: 'microsoft yahei',Arial,sans-serif;
          5. }
          7. #ads{
          8. font-size:14px;
          9. position: absolute;
          10. right:0;
          11. bottom: 0;
          12. background: #222;
          13. padding: 10px;
          14. color: #FFF;
          15. border-radius: 3px;
          16. }
          18. #ads p{
          19. opacity: .6;
          20. margin: 25px 10px 10px;
          21. padding: 10px;
          22. background: #444;
          23. border-radius: 3px;
          24. }
          26. .close{
          27. float:right;
          28. font-size:12px;
          29. cursor:pointer;
          30. }
            31. 提交方式：
            • 錄制代碼編寫過程或最終代碼：點擊開始
            • 跟帖發布代碼預覽地址（可以使用GB按鈕直接嵌入留言）： 演示地址
            • 【強烈提醒】加入QQ群：157757552， 獲獎用戶及遞交快遞聯系方式
            禮品贊助
            本期挑戰禮品5份（抱枕 + T恤 + 毛巾）由 coding 鼎力贊助！
            Coding.net 是一個面向開發者的云端軟件協作開發平臺，目前有 Git 代碼倉庫、在線 IDE、演示部署、團隊協作等功能。Coding 為中小型團隊提供快速的軟件開發環境，極大地提高軟件開發的效率。致力于改變現有的開發模式，推動軟件開發云端化。
            禮品介紹
            • 抱枕
            超柔短毛絨表面/優質三維pp棉
            號稱東半球最大IT抱枕商的經典吉祥物
            程序員通宵加班必備暖心之物
            • Coding T恤
            100%無污染生態棉花/牢固耐磨/不易脫線
            綠色環保的免燙抗皺工藝
            不同于一般公司文化衫的設計
            簡單個性，一切以舒適為主
            • Coding 毛巾
            16S螺旋/21S 巴基斯坦棉/大毛圈加厚設計/三針五線精密鎖邊
            超越五星級大酒店標準的頂級工藝定制
            如嬰兒肌膚般的細膩觸感
            簡潔白，給你素雅自然的安全感
            超乎你想象的柔軟和舒適
            如何增加獲獎機率？
            • 最快完成獎一名： 最快保存遞交“合格”代碼
            • 最佳講解獎一名： 代碼錄制過程及講解詳細完整
            • 最佳人氣獎一名： 點贊（點+）的人最多
            • 本期新人獎兩名： 新人參加本挑戰均有機會
            曬曬往期獲獎禮物
            點擊這里曬曬禮物
            參加挑戰或了解詳情，請點擊“閱讀原文”
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
一区二区三区观看免费中文视频在线播放
|
无码中文人妻在线一区二区三区|
国产在线观看精品一区二区三区91|
亚洲午夜一区二区三区|
亚洲午夜在线一区|
国产成人精品第一区二区|
韩国一区二区三区|
精品一区二区三区在线观看l
|
三上悠亚精品一区二区久久
|
国产精品福利一区二区|
性色av无码免费一区二区三区|
日韩在线一区视频|
国模丽丽啪啪一区二区|
91一区二区三区四区五区|
国产成人一区二区三区精品久久|
国产成人精品久久一区二区三区av|
精品福利一区二区三|
国产精品无码亚洲一区二区三区
|
97一区二区三区四区久久
|
香蕉久久一区二区不卡无毒影院|
97久久精品无码一区二区天美|
国产精品久久亚洲一区二区|
中文字幕VA一区二区三区|
丰满爆乳无码一区二区三区|
国产精品乱码一区二区三区|
国产对白精品刺激一区二区|
亚洲成av人片一区二区三区
|
精品无码国产一区二区三区51安
|
日本在线视频一区|
日本一区二区在线播放|
色精品一区二区三区|
91在线一区二区三区|
无码精品人妻一区二区三区免费
|
女人18毛片a级毛片一区二区|
熟妇人妻系列av无码一区二区|
海角国精产品一区一区三区糖心
|
伊人久久大香线蕉av一区|
亚洲欧美成人一区二区三区
|
日本精品3d动漫一区二区
|
国内精品视频一区二区八戒|
亚洲AV无码一区东京热|