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

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

首先你要有悬浮层，然后给予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给网页加样式代码；

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