本文教大家用原生js实现的简单网页主页右下角的广告框效果,利用好绝对定位,点击X关闭广告,里面的内容不管动图或者视频都可以。
代码最简洁,js行为优化版,复制粘贴即可使用。
演示部分
<Meta charset="UTF-8">
右下角广告框效果
Box">
>
<script type="text/javascript">
(function(){
//封装一下dom的id操作
var $ = function(id){
return document.getElementById(id);
};
//添加点击事件
$("icon").onclick=function(){
$("advBox").className = "hide";
};
$("resetadv").onmouSEOver=function(){
$("advBox").className = "show";
};
})();