使用 jQuery 拆分垂直商品展示

使用 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
若圖片無法顯示或檔案無法下載,請至文章底下留言區通知,將會盡速更正。
易思生活採用 授權。圖文請勿複製轉貼,歡迎使用「分享」功能並註明出處。

你可能會喜歡的

跟隨滑鼠移動讓圖片改變角度

跟隨滑鼠移動讓圖片改變角度

jQuery 滑鼠移過出現懸浮式文字提示

jQuery 滑鼠移過出現懸浮式文字提示

簡約的 jQuery 音頻播放插件

簡約的 jQuery 音頻播放插件

jQuery 趣味十足的 iPhone 桌布預覽

jQuery 趣味十足的 iPhone 桌布預覽

No Comment

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。