svg圆点线条变形控制图片切换html5特效

来源:https://www.sucaihuo.com/js/1943.html 2017-05-15 21:35浏览(1112) 收藏

鼠标点击控制圆点,除了自带的图片切换特效外,还有svg的圆点变形到线条并跳到下一个切换点,圆圈变线条再变圆圈,动画效果还是挺酷的。
svg圆点线条变形控制图片切换html5特效
分类:图片代码 > 图片轮播 难易:
查看演示 下载资源 下载积分: 30 积分

样式在style.css里面修改,当前圆点的样式为:class="dot active"

<div class="straight-line"></div>

<div class="dot active"></div>
<div class="dot"></div>
<div class="dot"></div>
<script type="text/javascript" src="js/TweenMax.min.js"></script>
<script type="text/javascript" src="js/interaction.js"></script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2