jQuery关注列表缩放滚动特效代码下载



如需定制开发(网站开发、二次开发)在线咨询,请点击>> QQ:753511799

10 39 14



特效描述:关注列表 缩放滚动。jQuery关注列表缩放滚动代码是一款基于jQuery和css3制作的关注列表上下垂直滚动效果,可动态添加数据,带关注按钮事件。

代码结构

1. 引入CSS

<link rel="stylesheet" href="./css/style.css">

2. 引入JS

<script src="./js/jquery.min.js"></script>
<script src="./js/style.js"></script>

3. HTML代码

<section class="main-group"></section>
<script type="text/javascript">
	let data = [
		{
			img:'./imgs/1.jpg',
			name:'弥太天空爱1',
			desc:'为了你的生蚝,努力加油等待!',
			follow: false
		},{
			img:'./imgs/1.jpg',
			name:'弥太天空爱2',
			desc:'为了你的生蚝,努力加油等待!',
			follow: false
		}
		,{
			img:'./imgs/1.jpg',
			name:'弥太天空爱3',
			desc:'为了你的生蚝,努力加油等待!',
			follow: false
		}
		,{
			img:'./imgs/1.jpg',
			name:'弥太天空爱4',
			desc:'为了你的生蚝,努力加油等待!',
			follow: true
		}
		,{
			img:'./imgs/1.jpg',
			name:'弥太天空爱5',
			desc:'为了你的生蚝,努力加油等待!',
			follow: false
		}
	];
	new Action({data: data, main_box: $('.main-group')});
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器:Chrome、FireFox、360、搜狗、Opera、傲游. 不支持Windows版Safari、IE8及以下浏览器。</p>
<p>来源:<a href="http://sc.51qianduan.com/" target="_blank">站长素材</a></p>
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册
admin
admin :  挺狠
2021-08-28 12:02:37



×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到