html手机页面浮动小广告,js 手机端网站底部悬浮html广告代码

@media screen and (max-device-width:800px){ /**WAP**/

.bottom_fixed{ position:fixed; bottom:0px; width:100%; z-index:9999;right:0;left:0}

.bottom_fixed div{ width:60px; height:20px;background-color:transparent; text-align:center; line-height:20px; right:0; top:-20px; position:absolute; cursor:pointer;}

.bottom_fixed div:hover{ background:#F66; color:#FFF}

.bottom_fixed a{text-decoration:none; color:black}

.bottom_fixed a img{ height:95px; width:100%;}

}

@media screen and (min-width:800px){ /**PC**/

.bottom_fixed{ display:none; position:fixed; bottom:0px; left:50%; margin-left:-475px; z-index:9999;}

.bottom_fixed div{ width::50px; height:24px; text-align:center; line-height:24px;background-color:transparent; right:0; top:-24px; position:absolute; cursor:pointer}

.bottom_fixed div:hover{ background:#F66; color:#FFF}

.bottom_fixed a{text-decoration: