更多>
最新下载
jQuery点击文字滚动Scrollocue插件
jQuery点击文字滚动Scrollocue插件是一款用于构建一个简单的提示提词器系统的jQuery小插件。本作品由【站长素材】收集整理,转载请注明出处!
0
2025-12-19
24小时阅读排行榜
- 1 Java怎么避免XXE攻击 DocumentBuilderFactory安全配置
- 2 C#怎么进行API版本控制 ASP.NET Core API版本管理方法
- 3 Linux僵尸进程如何清理_产生原因与解决思路【教学】
- 4 C# SignalR入门 - 实现Web应用的实时双向通信
- 5 css下划线离文字太近怎么办_text-decoration-thickness与offset调节
- 6 C#怎么使用Record Types C# 10 Record Struct用法
- 7 如何使用Golang开发微服务健康检查机制_Golang微服务健康监控实践
- 8 css多主题切换怎么实现_利用css变量配合预处理器
- 9 Avalonia如何给控件设置背景图片 Avalonia ImageBrush使用方法
- 10 什么是JavaScript事件循环_宏任务与微任务执行顺序如何
- 11 如何使用Golang反射操作数组切片_动态访问和修改元素
- 12 html5如何推送数据_HTML5数据推送技术与实时更新技巧【指南】
- 13 C#怎么将DataTable转换为List C#数据表转泛型列表方法
- 14 C#如何实现CQRS模式 MediatR库入门与实践指南
- 15 如何使用JavaScript处理异步操作_回调函数和Promise有什么区别呢
更多>
最新教程
-
- Node.js 教程
- 13914 2025-08-28
-
- CSS3 教程
- 1540095 2025-08-27
-
- Rust 教程
- 21607 2025-08-27
-
- Vue 教程
- 24146 2025-08-22
-
- PostgreSQL 教程
- 20886 2025-08-21
-
- Git 教程
- 8222 2025-08-21
超酷CSS3图片镜像效果网页特效
超酷的CSS3图片镜像效果网页特效是一款可以将任意图片进行镜像,并以幻灯片的方式在同一个页面中切换不同的图片。
js代码
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/anime.min.js"></script>
<script src="js/mirrorFx.js"></script>
<script src="js/slideshow.js"></script>
<script>
(function() {
function init() {
new Slideshow(document.querySelector('.slideshow'));
}
// Fake loading time..
var startTime = new Date().getTime();
imagesLoaded(document.querySelector('main'), function() {
var elapsed = new Date().getTime() - startTime,
initFn = function() {
document.body.classList.remove('loading');
setTimeout(init, 50);
};
if( elapsed > 2000) {
initFn();
}
else {
setTimeout(initFn, 1000);
}
});
})();
</script>
js代码
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/anime.min.js"></script>
<script src="js/mirrorFx.js"></script>
<script src="js/slideshow.js"></script>
<script>
(function() {
function init() {
new Slideshow(document.querySelector('.slideshow'));
}
// Fake loading time..
var startTime = new Date().getTime();
imagesLoaded(document.querySelector('main'), function() {
var elapsed = new Date().getTime() - startTime,
initFn = function() {
document.body.classList.remove('loading');
setTimeout(init, 50);
};
if( elapsed > 2000) {
initFn();
}
else {
setTimeout(initFn, 1000);
}
});
})();
</script>
本站所有资源都是由网友投搞发布,或转载各大下载站,请自行检测软件的完整性!本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架,联系方式:admin@php.cn
