本文实例为大家分享了js异形滚动轮播的具体代码，供大家参考，具体内容如下
运动过程研究
让每个元素走到前一个标签的位置。
3走到2
2走到1
1走到0
0走到6
利用js动态获取每个类名对应的css样式对象，组成一个新数组。
// 定义一个新数组，接收每个位置的css样式对象
var styleArr = [];
// 遍历数组添加样式对象
for (var i =0; i <$('li').length; i++) {
styleArr.push({
"width": $('li').eq(i).css('width'),
"height": $('li').eq(i).css('height'),
"left": $('li').eq(i).css('left'),
"top": $('li').eq(i).css('top')
});
}
可以使用animate方法发生移动：
animate(params,[speed],[easing],[fn])
params:一组包含作为动画属性和终值的样式属性和及其值的集合
speed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如：1000)
easing:要使用的擦除效果的名称(需要插件支持).默认jQuery提供"linear" 和 “swing”.
fn:在动画完成时执行的函数，每个元素执行一次。
// 右按钮事件
$('.btn_you').click(function () {
// 后面的元素走到前面上一个位置
for (var i =1; i <$('li').length; i++) {
$('.no'+ i).animate(styleArr[i -1], 300)
}
// 0位置的li直接更改css样式，切换到6的位置
$('.no0').animate(styleArr[6], 300);
})
问题：样式和对应的类名不统一，不能进行第二次运动。
解决方法：进行对应位置的类名轮换。
可以将7个类名放在数组中，每次实现将最后一项删除，添加到第一项。
pop 方法
从数组中移除最后一个元素并将该元素返回
push 方法
将新元素追加到一个数组中，并返回数组的新长度。
shift 方法
从数组中移除第一个元素并将返回该元素。
unshift 方法
在数组的开头插入新元素。
//运动结束后，要让li的类名和位置统一，切换类名 classNameArr.unshift(classNameArr.pop());
将得到新数组中的类名赋值给对应li标签。
// 循环给li添加新的类名
for (var i =0; i <$('li').length; i++) {
$('li').eq(i).attr('class', classNameArr[i]);
}
左按钮
classNameArr.push(classNameArr.shift());
防骚扰操作：判断li标签是否处于运动状态，如果是，那么事件函数不往下执行，使用return返回。
// 防骚扰
if ($('li').is(':animated')) {
return;
}
源码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <script src="/UploadFiles/2021-04-02/jquery-1.8.3.js">以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。