vue图片变大缩小手风琴特效代码素材

vue图片变大缩小手风琴特效代码素材

vue+jQuery制作图片变大缩小,文字内容结合滑动手风琴动画特效。页面代码简洁实用。

<script src=”js/jquery-1.12.1.min.js”></script>
<script src=”js/vue.min.js”></script>
<script>
new Vue({
el: “#app”,
data: function () {
return {
data:[
{class:”box_ul_li”,href:”#”,src:”images/1.jpg”,name:”图片1″,text:”文本1″},
{class:”box_ul_li on”,href:”#”,src:”images/2.jpg”,name:”图片2″,text:”文本2″},
{class:”box_ul_li”,href:”#”,src:”images/3.jpg”,name:”图片3″,text:”文本3″},
{class:”box_ul_li”,href:”#”,src:”images/4.jpg”,name:”图片4″,text:”文本4″},
{class:”box_ul_li”,href:”#”,src:”images/5.jpg”,name:”图片5″,text:”文本5″},
]
}
}
})
$(“.box ul li”).hover(function(){
$(this).addClass(‘on’).siblings().removeClass(‘on’);
});
</script>

云部落资源网所有软件,源码,素材,等资源均来自网友上传,或网络收集,由于收集过程中几经转载,所以很多作品的原作者不详如果有侵犯版权请及时联系我们,我们会在第一时间处理。
如果该资源不能下载,请联系本站在线客服报错,谢谢合作!!

本站部分素材资源及板块内容来自网络,如有侵犯您的权益,请联系我们,站长会立即处理,转载请注明来源网址!
云部落资源网 » vue图片变大缩小手风琴特效代码素材