无遮挡亚洲一区,欧美性猛交xxxx乱大交3,国产国语刺激对白av不卡,在线播放亚洲激情

素材8網-專注前端素材！

滑動預覽圖像面板模板與jQuery

  • 2236
  • 0
  • 0
滑動預覽圖像面板模板與jQuery- 素材8


這是一個簡單的組合模板，其中項目預覽圖像向外滑出以顯示所選項目。

我們并不陌生，嘗試用投資組合的模板 。 這一次，我們一直在努力將內容塊移動為從主/庫頁面過渡到項目頁面的方式。 所有面板沿y軸（較小設備上的x軸）移動，并且移動由用戶是否想要了解項目或想要訪問導航來觸發。

創建結構

HTML結構由兩個無序列表組成，ul.cd-projects-previews用于項目預覽圖像，ul.cd-projects用于項目詳細信息，anav.cd-primary-nav包裝主導航。


  1. <div class="cd-projects-container">
  2.         <ul class="cd-projects-previews">
  3.                 <li>
  4.                         <a href="#0">
  5.                                 <div class="cd-project-title">
  6.                                         <h2>Project 1</h2>
  7.                                         <p>Brief description of the project here</p>
  8.                                 </div>
  9.                         </a>
  10.                 </li>

  12.                 <li>
  13.                         <!-- project preview here -->
  14.                 </li>
  15.                
  16.                 <!-- other project previews here -->
  17.         </ul> <!-- .cd-projects-previews -->

  19.         <ul class="cd-projects">
  20.                 <li>
  21.                         <div class="preview-image">
  22.                                 <div class="cd-project-title">
  23.                                         <h2>Project 1</h2>
  24.                                         <p>Brief description of the project here</p>
  25.                                 </div>
  26.                         </div>

  28.                         <div class="cd-project-info">
  29.                                 <!-- project description here -->
  30.                         </div> <!-- .cd-project-info -->
  31.                 </li>

  33.                 <!-- projects here -->
  34.         </ul> <!-- .cd-projects -->

  36.         <button class="scroll cd-text-replace">Scroll</button>
  37. </div> <!-- .cd-project-container -->

  39. <nav class="cd-primary-nav" id="primary-nav">
  40.         <ul>
  41.                 <li class="cd-label">Navigation</li>
  42.                 <li><a href="#0">The team</a></li>
  43.                 <!-- navigation items here -->
  44.         </ul>
  45. </nav> <!-- .cd-primary-nav -->
復制代碼
滑動預覽圖像面板模板與jQuery
  • 山不在高 剛剛下載了一個素材
  • 劍膽琴心 剛剛下載了一個素材
  • Kent 剛剛下載了一個素材
  • Cassius 剛剛下載了一個素材
  • 金維 剛剛下載了一個素材
  • qqHpVD 剛剛下載了一個素材
  • 超哥來疼你 剛剛下載了一個素材
  • 傳聞中的張先生Y 剛剛下載了一個素材
  • qq皮皮皮rPZ 剛剛下載了一個素材
  • 向陽生長 剛剛下載了一個素材
  • KONLI 剛剛下載了一個素材
  • 冠王創客 剛剛下載了一個素材
  • whisper1 剛剛下載了一個素材
  • 無言微笑 剛剛下載了一個素材
  • Am4862 剛剛下載了一個素材
分享者：
分享者頭像
xiaozhi
熱門素材推薦
HTML素材網，HTML5模板，網頁特效 微信公眾賬號二維碼 淘寶店鋪地址二維碼
Copyright©2024  素材8  Powered by 智伙伴科技
   魯ICP備14029286號-5 魯公網安備37060202001967號
返回頂部返回頂部
發布主題
主站蜘蛛池模板： 河曲县| 桑日县| 若尔盖县| 巫山县| 广汉市| 柳林县| 吉安县| 阿鲁科尔沁旗| 麦盖提县| 博野县| 伊吾县| 泌阳县| 睢宁县| 拉孜县| 白城市| 白玉县| 邢台市| 石家庄市| 丘北县| 北安市| 从化市| 永兴县| 惠东县| 蒙山县| 修文县| 介休市| 略阳县| 岳普湖县| 涞水县| 华蓥市| 巴南区| 东乌珠穆沁旗| 浦江县| 专栏| 江津市| 福州市| 米易县| 和田市| 安阳市| 时尚| 澳门|