当前位置:网站首页>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
边栏推荐
- 传智教育|如何转行互联网高薪岗位之一的软件测试?(附软件测试学习路线图)
- Energy momentum: how to achieve carbon neutralization in the power industry?
- With this PDF, we finally got offers from eight major manufacturers, including Alibaba, bytek and Baidu
- 服装企业为什么要谈信息化?
- Spatiotemporal prediction 3-graph transformer
- i. Mx6ull driver development | 24 - platform based driver model lights LED
- 复数在数论、几何中的用途 - 曹则贤
- The use of complex numbers in number theory and geometry - Cao Zexian
- WebGIS框架---kalrry
- Basic structure of PostgreSQL - table
猜你喜欢

Nat. Commun.| Machine learning jointly optimizes the affinity and specificity of mutagenic therapeutic antibodies

Zhiyang innovation signed a cooperation agreement with Huawei to jointly promote the sustainable development of shengteng AI industry

Radio and television Wuzhou signed a cooperation agreement with Huawei to jointly promote the sustainable development of shengteng AI industry

Scala下载和配置

【愚公系列】2022年7月 Go教学课程 003-IDE的安装和基本使用

DevEco Device Tool 3.0 Release带来5大能力升级,让智能设备开发更高效

Deveco device tool 3.0 release brings five capability upgrades to make intelligent device development more efficient

30余家机构联合发起数字藏品行业倡议,未来会如何前进?

抖音实战~评论数量同步更新

Tiktok actual combat ~ the number of comments is updated synchronously
随机推荐
idea中pom.xml依赖无法导入
You don't have to run away to delete the library! Detailed MySQL data recovery
leetcode 72. Edit Distance 编辑距离(中等)
The proofreading activity of data science on the command line second edition was restarted
Bookmark
MongoDB中的索引操作总结
服装企业为什么要谈信息化?
Locust性能测试 —— 环境搭建及使用
ACM multimedia 2022 | counterfactual measurement and elimination of social prejudice in visual language pre training model
ApacheCN 翻译、校对、笔记整理活动进度公告 2022.7
Bookmark
虚拟人产业面临的挑战
力扣3_383. 赎金信
PostgreSQL服务端编程聚合和分组
Common shortcut keys for hbuilder x
迷失在Mysql的锁世界
达梦数据凭什么被称为国产数据库“第一股”?
复数在数论、几何中的用途 - 曹则贤
new IntersectionObserver 使用笔记
i.MX6ULL驱动开发 | 24 - 基于platform平台驱动模型点亮LED