当前位置:网站首页>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
边栏推荐
- Scala download and configuration
- HUAWEI nova 10系列发布 华为应用市场筑牢应用安全防火墙
- Open3d surface normal vector calculation
- Machine learning notes mutual information
- 机器人相关课程考核材料归档实施细则2022版本
- KDD2022 | 什么特征进行交互才是有效的?
- 抖音实战~评论数量同步更新
- i. Mx6ull driver development | 24 - platform based driver model lights LED
- 面试题 01.01. 判定字符是否唯一
- QT - double buffer plot
猜你喜欢
VS2019 C# release下断点调试
抖音实战~评论数量同步更新
NAACL-22 | 在基于Prompt的文本生成任务上引入迁移学习的设置
QT - double buffer plot
达梦数据凭什么被称为国产数据库“第一股”?
Radio and television Wuzhou signed a cooperation agreement with Huawei to jointly promote the sustainable development of shengteng AI industry
BigFilter全局交易防重组件的介绍与应用
凭借了这份 pdf,最终拿到了阿里,字节,百度等八家大厂 offer
Concurrent optimization summary
玩转gRPC—深入概念与原理
随机推荐
QT - double buffer plot
New intersectionobserver usage notes
Bookmark
2022-07-04:以下go语言代码输出什么?A:true;B:false;C:编译错误。 package main import “fmt“ func main() { fmt.Pri
制作条形码的手机App推荐
面试题 01.01. 判定字符是否唯一
# 2156. Find the substring of the given hash value - post order traversal
# 2156. 查找给定哈希值的子串-后序遍历
Ascendex launched Walken (WLKN) - an excellent and leading "walk to earn" game
Enabling digital economy Fuxin software attends the BRICs high level Forum on Sustainable Development
能源势动:电力行业的碳中和该如何实现?
el-tree结合el-table,树形添加修改操作
odps 中 对表进行了一次备份,为什么在元数据库查m_table 时,两张表的逻辑大小不一致,但数
El tree combined with El table, tree adding and modifying operations
阿里推出新品牌“瓴羊”,致力成为“数字化领头羊”
MySQL存储数据加密
283. Moving zero-c and language assisted array method
Force buckle 2_ 1480. Dynamic sum of one-dimensional array
从RepVgg到MobileOne,含mobileone的代码
我在linux里面 通过调用odspcmd 查询数据库信息 怎么静默输出 就是只输出值 不要这个