如何对手机网页底部悬浮广告代码做翻转效果，这样做就好了

首先你要有悬浮层，然后给予CSS赋样式，样式如下：

//作者：xycms
//update:20190442
//QQ:364500483
var keyFrames = '@keyframes myfirst{0% {transform: rotateY(0deg);} 30% {transform: rotateY(360deg);} 100% {transform: rotateY(360deg);}@-moz-keyframes myfirst{0% {transform: rotateY(0deg);} 30% {transform: rotateY(360deg);} 100% {transform: rotateY(360deg);}@-webkit-keyframes myfirst{0% {transform: rotateY(0deg);} 30% {transform: rotateY(360deg);} 100% {transform: rotateY(360deg);}@-o-keyframes myfirst{0% {transform: rotateY(0deg);} 30% {transform: rotateY(360deg);} 100% {transform: rotateY(360deg);}}';
var keyFramesStyle = document.createElement('style');
keyFramesStyle.type = 'text/css';
if (keyFramesStyle.styleSheet){keyFramesStyle.styleSheet.cssText = keyFrames;
}else{keyFramesStyle.appendChild(document.createTextNode(keyFrames));
}
document.getElementsByTagName('head')[0].appendChild(keyFramesStyle);

以上为JavaScript给网页加样式代码；

这样您的悬浮广告就会出现左右翻转效果了，是不是很简单呢？

如何对手机网页底部悬浮广告代码做翻转效果，这样做就好了相关推荐

手机端网站底部悬浮广告代码代关闭_只要是安卓手机就不能少这个APP
关注空城分享有助于提升自己噢! 资源信息来自网络,版权归作者本人所有,如有侵权可以通过邮件3367998540@qq.com与我联系处理,谢谢您的理解. 资源详情资源名称:强力清理(安卓APP) 资 ...
手机端网站底部悬浮广告代码代关闭_莱阳附近外贸网站建设公司-鸿强传媒
企业做网站优化为何长期都难以做出关键词排名效果来?上述就是相关的介绍,由于现今我们做网站推广的难度变得越来越大,同时很多企业关键词排名都难以竞争到百度首页的位置,如今关键词优化要注重的细节也会越来越多 ...
手机端网站底部悬浮广告代码代关闭_网站被劫持，网站被劫持了应该怎么办？怎么解决网站被劫持？...
网站劫持:是指当用户打开一个网址的时候,出现一个不归属于网站范畴内的一个广告页面,或者是直接就跳转到某一个不不是这个网站所属的一个网站的分页面. IIS7网站检测可判断: 1.网站是否被黑 2.网站是 ...
标准网页两侧浮动广告代码支持FF及IE
点击这里使用RSS订阅本Blog:网页两侧浮动广告代码经测试支持IE.Firefox等浏览器 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ...
php底部悬浮广告,底部悬浮通栏可以关闭广告位详解（一）
效果一: 1.首先,整个底部悬浮通栏广告是固定在浏览器的底部,随着浏览器的滚动,底部悬浮广告始终在浏览器窗口中.这里有几个关键点:通栏,固定,黑色. 所以:首先我们必须给悬浮通栏广告整体一个100%的 ...
网页两侧flash广告代码
 <div id="couplet_left" style="position: absolute;visibi ...
wap手机网页悬浮广告代码遮盖原有网页内容怎么办？
wap手机网页广告代码遮盖原有网页内容怎么办? 这个也许是很多weber在做网页页面会遇到的问题,假如是在中间悬浮,最好的办法就是不要用了,这个没有好的解决办法,只要是广告肯定是要给客户看的,不 ...
html wap广告代码,手机wap底部悬浮JS广告代码
var fc_fw="100%"; //广告宽度,单位px,如自适应宽度就改为100%; var fc_fh="100px"; //广告高度,单位px var ...
页面底部悬浮广告或关注公众号代码
代码如下<style> .margingT { margin-bottom: 60px; } .bottomAD { -webkit-box-sizing: border-box; hei ...

如何对手机网页底部悬浮广告代码做翻转效果，这样做就好了

如何对手机网页底部悬浮广告代码做翻转效果，这样做就好了相关推荐

最新文章

热门文章