2018年8月31日 星期五

圖片輪播-影片式

<script type="text/javascript" src="~/Scripts/zepto.js"></script> <script type="text/javascript" src="~/Scripts/vegas.min.js"></script> <script type="text/javascript">     $(function () {         $('.section1').vegas({             transition: 'fade',             transitionDuration:...
Share:
Read More

灰色濾鏡 覆蓋底圖

<div class="section6">     <div class="container">         <div class="hovereffect">             <div class="overlay">             </div>             <div class="row">                 <div class="col-lg-3">  ...
Share:
Read More

視差js

套件名稱:parallax <header class="masthead parallax-window" data-parallax="scroll" data-image-src="img/monitor_bg.jpg">         <div class="overlay"></div>         <div class="container">             <div class="col-lg-8 col-md-10 mx-auto">                 <div...
Share:
Read More

2018年8月30日 星期四

圖片牆 js

套用:swappingwall.jquery.js html: <div class="list">         <img src="img/img1.jpg">         <img src="img/img2.jpg">         <img src="img/img3.jpg">         <img src="img/img4.jpg">         <img src="img/img5.jpg">         <img src="img/img6.jpg">  ...
Share:
Read More