jQuery / CSS | 無料Free | 網頁設計
使用 jQuery 拆分垂直商品展示
在網頁底部顯示 Cookie 同意欄位
一個美觀且實用的 jQuery 響應式垂直商品介紹頁面，可用於通過拆分過渡效果來展示您的商品。
❶ 修改文字內容說明
<div class="ps-content">
<h2>SÖDERHAMN</h2>
<span class="ps-price">£54</span>
<p>座椅低又深，十分柔軟；靠墊柔軟蓬鬆，能提供舒適支撐。SÖDERHAMN系列所有產品皆可單獨使用，也能依個人需求組裝成大或小的沙發組合。彈性編織座椅底部，椅墊含高回彈泡棉，能讓你坐得更舒適。<BR>布套以棉和聚酯纖維紗染製成，具有明顯結構和雙色效果，呈現獨特風格。<BR>布套可拆下，用洗衣機洗滌，容易保持乾淨。</p>
<a href="#">Buy Now</a>
</div>❷ 修改圖片名稱及路徑
<div class="ps-slides">
<div style="background-image:url(./images/1.jpg);"></div>
<div style="background-image:url(./images/2.jpg);"></div>
<div style="background-image:url(./images/3.jpg);"></div>
<div style="background-image:url(./images/4.jpg);"></div>
<div style="background-image:url(./images/5.jpg);"></div>
<div style="background-image:url(./images/6.jpg);"></div>
</div> 06-08-2020
No Comment