jquery+TweenMax实现按钮长按进度条完成通知效果代码

代码语言:html

所属分类:其他

代码描述:jquery+TweenMax实现按钮长按进度条完成通知效果代码,设定长按时间,当鼠标长按完成后触发一个事件。

代码标签: jquery TweenMax 按钮 长按 进度条 完成 通知

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
 
<meta charset="UTF-8">
 

 
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/reset.min.css">
<style>
button
{
 
position: fixed;
 
top: 50vh;
 
left: 50vw;
 
padding: 30px 60px;
 
transform: translate(-50%, -50%);
}

.visualizer {
 
height: 100vh;
 
width: 0vw;
 
background: #888;
}
</style>

 
 
 
</head>

<body>
 
<button>PRESS ME</button>
<div class="visualizer"><.........完整代码请登录后点击上方下载按钮下载查看

网友评论0