- 资源介绍
- 更新记录
- 安装教程
一款很简单的JS冒泡动画效果文字云标签代码,一个个文字标签从下往上像气泡缓缓上升动画效果。
js代码
<script> window.onload = function() { var oDiv = document.getElementById('div1'); var aA = document.getElementsByTagName('a'); var i = 0; for (i = 0; i < aA.length; i++) { aA[i].pause = 1; aA[i].time = null; initialize(aA[i]); aA[i].onmouseover = function() { this.pause = 0; }; aA[i].onmouseout = function() { this.pause = 1; }; } setInterval(starmove, 50); function starmove() { for (i = 0; i < aA.length; i++) { if (aA[i].pause) { domove(aA[i]); } } } function domove(obj) { if (obj.offsetTop <= -obj.offsetHeight) { obj.style.top = oDiv.offsetHeight + "px"; initialize(obj); } else { obj.style.top = obj.offsetTop - obj.ispeed + "px"; } } function initialize(obj) { var iLeft = parseInt(Math.random() * oDiv.offsetWidth); var scale = Math.random() * 1 + 1; var iTimer = parseInt(Math.random() * 1500); obj.pause = 0; obj.style.fontSize = 12 * scale + 'px'; if ((iLeft - obj.offsetWidth) > 0) { obj.style.left = iLeft - obj.offsetWidth + "px"; } else { obj.style.left = iLeft + "px"; } clearTimeout(obj.time); obj.time = setTimeout(function() { obj.pause = 1; }, iTimer); obj.ispeed = Math.ceil(Math.random() * 4) + 1; } }; </script>
猜你喜欢
-
懒人原生手机注册发送验证码倒计时功能
2021-02-13 -
HTML5 Canvas矩阵粒子波浪背景动画特效
2021-02-13 -
css3遮罩层滤镜文字发光动画特效
2021-02-07 -
CSS3带关闭按钮登录窗口代码
2021-02-07 -
html5 canvas空间粒子移动背景动画特效
2021-02-13 -
jquery中国地图热点鼠标悬停显示地址文字提示内
2021-02-13 -
Canvas可拖动动画人物关系图代码
2021-02-13 -
html5 canvas几何模型3D运动动画效果
2021-02-13 -
html5 canvas彩色虚幻发光丝带3D旋转动画特效
2021-02-07 -
几款酷炫的css3文字动画特效
2021-02-07
猜你在找
1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!lyebiz@qq.com
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
优源网 » JS冒泡动画效果文字云标签代码
优源网 » JS冒泡动画效果文字云标签代码
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 资源不能下载?
- 2021-02-13Hi,初次和大家见面了,请多关照!