当前位置:网站首页>PHP short video source code, thumb animation will float when you like it
PHP short video source code, thumb animation will float when you like it
2022-07-04 22:18:00 【Cloudleopard network technology】
php Short video source , There will be thumb animation floating when you like
(function() {
var coreSocialistValues
, index = Math.floor(Math.random() * coreSocialistValues.length);
document.body.addEventListener('click', function(e) {
if (e.target.tagName == 'A') {
return; }
var x = e.pageX
, y = e.pageY
, span = document.createElement('span');
span.textContent = coreSocialistValues[index];
index = (index + 1) % coreSocialistValues.length;// Mold taking cycle
span.style.cssText = ['z-index: 9999999; position: absolute; font-weight: bold; color: #ff6651; top: ', y - 20, 'px; left: ', x, 'px;'].join(''); document.body.appendChild(span); animate(span); });
function animate(el) {
// Animation var i = 0 , top = parseInt(el.style.top) , id = setInterval(frame, 16.7); function frame() {// frame if (i > 180) { clearInterval(id); el.parentNode.removeChild(el); } else { i += 2; el.style.top = top - i + 'px'; el.style.opacity = (180 - i) / 180; } } }
}());
That's all php Short video source , There will be thumb animation floating when you like , More content welcome to follow the article
边栏推荐
- 智洋创新与华为签署合作协议,共同推进昇腾AI产业持续发展
- From repvgg to mobileone, including mobileone code
- Scala下载和配置
- Visual task scheduling & drag and drop | scalph data integration based on Apache seatunnel
- 30余家机构联合发起数字藏品行业倡议,未来会如何前进?
- Common shortcut keys for hbuilder x
- Acwing 2022 daily question
- 关系型数据库
- Locust性能测试 —— 环境搭建及使用
- 传智教育|如何转行互联网高薪岗位之一的软件测试?(附软件测试学习路线图)
猜你喜欢
Concurrent optimization summary
PMO:比较25种分子优化方法的样本效率
With this PDF, we finally got offers from eight major manufacturers, including Alibaba, bytek and Baidu
Convolutional neural network model -- lenet network structure and code implementation
Radio and television Wuzhou signed a cooperation agreement with Huawei to jointly promote the sustainable development of shengteng AI industry
【C语言进阶篇】数组&&指针&&数组笔试题
el-tree结合el-table,树形添加修改操作
广电五舟与华为签署合作协议,共同推进昇腾AI产业持续发展
使用 BlocConsumer 同时构建响应式组件和监听状态
Locust性能测试 —— 环境搭建及使用
随机推荐
idea中pom.xml依赖无法导入
Machine learning notes mutual information
Kdd2022 | what features are effective for interaction?
PMO:比较25种分子优化方法的样本效率
TLA+ 入门教程(1):形式化方法简介
Energy momentum: how to achieve carbon neutralization in the power industry?
Representation of confidence interval
WebGIS framework -- kalrry
力扣2_1480. 一维数组的动态和
Which securities company has the lowest Commission for opening an account online? I want to open an account. Is it safe to open an account online
Why should garment enterprises talk about informatization?
What is business intelligence (BI), just look at this article is enough
文件读取写入
服务线上治理
Solve the problem of data disorder caused by slow asynchronous interface
WebGIS框架---kalrry
What is the stock account opening process? Is it safe to use flush mobile stock trading software?
PostgreSQLSQL高级技巧透视表
时空预测3-graph transformer
How to transfer to software testing, one of the high paying jobs in the Internet? (software testing learning roadmap attached)