js 手机端网站底部悬浮html广告代码

首先底部悬浮html代码如下这里因为我自己的需求所以改成了轮播底部悬浮代码

!--WAP底部悬浮--(max--){/**WAP**{;;%;z-;;left:0}.bottom_fixeddiv{width:60px;height:20px;background-color:transparent;text-align:center;line-height:20px;right:0;top:-20px;position:absolute;cursor:pointer;}.bottom_fixeddiv:hover{background:#F66;color:#FFF}.bottom_fixeda{text-decoration:none;color:black}.bottom_fixedaimg{height:95px;width:100%;}}mediascreenand(min-width:800px){/**PC**/.bottom_fixed{display:none;position:fixed;bottom:0px;left:50%;margin-left:-475px;z-index:9999;}.bottom_fixeddiv{width::50px;height:24px;text-align:center;line-height:24px;background-color:transparent;right:0;top:-24px;position:absolute;cursor:pointer}.bottom_fixeddiv:hover{background:#F66;color:#FFF}.bottom_fixeda{text-decoration:none;color:black}.bottom_fixedaimg{height:75px;width:950px;}}/styledivclassbottom_fixedahref链接地址relnofollowtarget_blankimgidsjdfjkjimgsrc图片链接地址div不再显示/div/a/divscriptvarimgs[1.jpg,2.jpg,3.jpg   //设定想要显示的图片varx0;       functiontime1(){x   xx%3;        //        超过2则取余数保证循环在0、1、2之间varimgurl图片链接地址imgs[x];document.getElementById(sjdfjkjimg).srcimgurl;console.log(imgurl)}setInterval(time1(),5000);/script

不需要html标记底部悬浮js说白了就是通过js去页面动态生成div样式的这里为了方便修改直接用html改好

然后我们可以通过将html代码进行Unicode转码混淆后通过js输出就行了还可以达到加密的作用目前我是用的下面这个地址的工具进行Unicode转码的 http://htmljiajiemi.duoshitong.com

Unicode转码后新建一个js文件把最后转码的字符串替换掉下面的words字符串然后引用到网页里就可以了

;(function(){varWords把生成的Unicode符串替换掉这里if(/(iPhone|iPad|iPod|iPad|iOS|Android)/i.test(navigator.userAgent)){varNewWordsunescape(Words);document.write(NewWords);}})(window,document);

最终结果就是这样了可以实现效果了希望对你有帮助