- 1【全网最强文档智能】大模型 + RAG + PDF问答，居然比 PyPDF + langchain 还好用！_rag对于论文pdf的处理
- 2C# sqlite for wp7
- 3如何记住linux的命令,自己总结LINUX命令及记忆
- 49大最佳知识库软件/文档管理工具_好用的个人离线知识库软件
- 5docker 使用运行指令讲解
- 6redis登录测试hydra以及python脚本方式_hydra redis
- 7今年大火的元宇宙，到底是什么？_bh黑洞元宇宙
- 8gm怎么刷东西 rust_只使用 rust，可以写一个 flutter 吗？
- 907 Windows 7 AI工具-爬虫环境配置【看这一篇就够了！】（包含适用于Windows7的Anaconda、python、pycharm下载链接/报错解决方法）_python anaconda windows 7
- 10vue打包后页面为空白或者路由跳转404解决_vue打包后路由失效
html5实现翻书效果,基于javascript html5实现3D翻书特效
赞
踩
var prefixes = ['Webkit','Moz','ms','O',''],book = document.querySelectorAll('.book')[0],page = document.querySelectorAll('.front-cover')[0],dino = document.querySelectorAll('.dino')[0],shadow = document.querySelectorAll('.shadow')[0],hold = false,centerPoint = window.innerWidth / 2,pageSize = 300,clamp = function (val,min,max) {
return Math.max(min,Math.min(val,max));
};
page.onmousedown = function () {
hold = true;
};
window.onmouseup = function () {
if (hold) {
hold = false;
}
};
window.onresize = function () {
centerPoint = window.innerWidth / 2;
};
window.onmousemove = function (evt) {
if (!hold) {
return;
}
var angle = clamp((centerPoint - evt.pageX + pageSize) / pageSize * -90,-180,0),i,j;
for (i = 0,j = prefixes.length; i < j; i++) {
book.style[prefixes[i] + 'Transform'] = 'rotateX(' + (60 + angle / 8) + 'deg)';
page.style[prefixes[i] + 'Transform'] = 'rotateY(' + angle + 'deg)';
dino.style[prefixes[i] + 'Transform'] = 'rotateX(' + (angle / 2) + 'deg)';
shadow.style[prefixes[i] + 'Transform'] = 'translateZ(1px) skewX(' + (angle / 8) + 'deg)';
}
};
})(window,document);
