点击按钮切换页面,版面滑动切换

UI 总是与js 、jQuery会结合在一起,实现更多非静态的动画效果,今天的小笔记,记录一下点击按钮时版面的切换


点击左上角的左右箭头,控制视频展示的左右滑动,单击向右箭头的时候,视频向左滚动隐藏,同时新的视频展示以滚动方式显示出来。

要做这个视频展示要做的

1.视频展示内容处于最后一个版面的时候,如果再向后,则应该跳转到第1个版面。

2.视频展示内容处于第1个版面的时候,如果再向前,就应该跳转到最后一个版面。

3.左上角的箭头旁边的蓝色圆点应该与动画一起切换,代表当前所处的版面。

html代码框架

<div class="v_show">
	<div class="v_caption">
		<h2 class="cartoon"></h2>
		<div class="highlight_tip">
			<span class="current">1</span><span>2</span><span>3</span><span>4</span>
		</div>
		<div class="change_btn">
			<span class="prev">上一页</span>
			<span class="next&
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值