首页 网页素材 为你的网站添加一个抖动小广告浮窗html代码 2019年5月24日 0条评论 为你的网站添加一个抖动小广告浮窗html代码 内容 相关 <script src="https://www.wuioo.cn/00/jquery-1.8.2.min.js"></script> <script src="https://www.wuioo.cn/00/supersized.3.2.7.min.js"></script> <div class="h1518318187302" style="display: block;" id="h1518318187302"> <div class="h1518318187302-main"> <span class="luckybag-close" onclick="removeElement('h1518318187302')"></span> <a href="hongbao" target="_blank" title='福利红包'></a> </div> </div><script language="JavaScript"> function getCookieVal (offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } function GetCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null; } function SetCookie (name, value) { var argv = SetCookie.arguments; var argc = SetCookie.arguments.length; var expires = (2 < argc) ? argv[2] : true; var path = (3 < argc) ? argv[3] : true; var domain = (4 < argc) ? argv[4] : true; var secure = (5 < argc) ? argv[5] : true; //安全模式生效 document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : ""); } function ResetCounts(name) { visits = 0; SetCookie(expdate , "/", true, true); location.reload(); } var expdate = new Date(); var visits; expdate.setTime(expdate.getTime() + (24*60*60 * 1000)); //COOKIES超期时间设置,此处为1天 if(!(visits = GetCookie("visits"))) visits = 0; visits++; SetCookie(expdate, "/", true, true); function removeElement(id){document.getElementById(id).style.display="none";} function bgChange(){ var lis= $('.lib'); for(var i=0; i<lis.length; i+=2) lis[i].style.background = 'rgba(246, 246, 246, 0.5)'; } window.onload = bgChange; </script> <style> a{color:#fff;text-decoration:none;} .h1518318187302 { display: none; position: fixed; bottom: 80px; right: 0; width: 65px; height: 66px; z-index: 1000; }.fll{ float: right; color: #00BCD4; border: 1px solid #00BCD4; padding: 0px 9px; border-radius: 4px; font-size: 13px; line-height: 26px;}.fll:hover{background:#f90;color:#fff;border-color:#f90;text-decoration:none;}.table3 p:hover{color:#f90;} .tit{width:98%;background:rgba(255, 255, 255, 0.66);} .h1518318187302 span { position: absolute; top: -5px; right: 5px; width: 12px; height: 12px; background: url('https://p1.ifengimg.com/a80c2beeeff78280/2017/28/luckybagclose.png') no-repeat; background-size: 100%; z-index:20 } .h1518318187302 a { display: block; width: 57px; height: 62px; background: url('https://p0.ifengimg.com/ifengimcp/pic/20181109/01707e1c69061c0ee9f0_size6_w65_h65.png') no-repeat; background-size: 100%; -moz-animation:tada 6s ease infinite;-webkit-animation:tada 6s ease infinite;animation:tada 6s ease infinite; margin-left:3px; z-index:10 } .h1518318187302-main { position: relative; } @-webkit-keyframes tada{ from { transform: scale3d(1, 1, 1); } 2%, 4% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 3%, 5%, 7%, 9% { transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, 3deg); } 4%, 6%, 8% { transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, -3deg); } 11%{ transform: scale3d(1, 1, 1) rotate3d(0, 0, 0,0deg); } to { transform: scale3d(1, 1, 1); } } @keyframes tada{ from { transform: scale3d(1, 1, 1); } 2%, 4% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 3%, 5%, 7%, 9% { transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, 3deg); } 4%, 6%, 8% { transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, -3deg); } 11%{ transform: scale3d(1, 1, 1) rotate3d(0, 0, 0,0deg); } to { transform: scale3d(1, 1, 1); } }.foot{margin:12px 0;}.sltgbt,.sltgbt span a {color: #00BCD4;} </style> 运行代码清空代码复制代码 效果如下: 直接吧代码复制到网页任何地方就可以用了。 点赞  (2) 打赏 分享 支付宝扫一扫 微信扫一扫 企鹅扫一扫