图片闪烁过渡特效

所属分类:其他,媒体-动画效果,幻灯片和轮播图

 2591  31  查看评论 (0)
图片闪烁过渡特效 ie兼容12

该插件不支持IE
首先插入样式表,可根据自己需求调整样式

<link rel="stylesheet" type="text/css" href="css/base.css"/> 
<link rel="stylesheet" type="text/css" href="css/glitch-slideshow.css"/>

在页面代码底部插入所需JS

<script src="js/imagesloaded.pkgd.min.js"></script> 
<script src="js/demo.js"></script> 
<script src="js/demo2.js"></script>

在这里放置需要过渡的图片

<div class="slide slide--current">
    <div class="slide__img glitch" style="background-image: url(img/f2.jpg);"></div>
</div>
<div class="slide">
    <div class="slide__img glitch" style="background-image: url(img/f3.jpg);"></div>
</div>
<div class="slide">
    <div class="slide__img glitch" style="background-image: url(img/f1.jpg);"></div>
</div>
<div class="slide">
    <div class="slide__img glitch" style="background-image: url(img/f4.jpg);"></div>
</div>

而demo2中放置图片的位置是

<div class="slide__img glitch" style="background-image: url(img/2.jpg);"></div>
相关插件-动画效果,幻灯片和轮播图

漂亮雨滴效果

css3,sass实现漂亮雨滴效果
  动画效果
 16283  150

小球碰撞(完全弹性碰撞)

给自己主页目录用这个的,顺便传上来。
  动画效果
 10865  100
  动画效果
 22545  142

HTML5 Canvas下雪效果插件

飘雪效果,可设置控制数量
  动画效果
 18592  65

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币

取消回复