javascript实现右下角广告框效果

前端之家收集整理的这篇文章主要介绍了javascript实现右下角广告框效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文教大家用原生js实现的简单网页主页右下角的广告框效果,利用好绝对定位,点击X关闭广告,里面的内容不管动图或者视频都可以。

代码最简洁,js行为优化版,复制粘贴即可使用。

演示部分

<Meta charset="UTF-8"> 右下角广告框<a href="/tag/xiaoguo/" target="_blank" class="keywords">效果</a>
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";
};
})();

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

猜你在找的JavaScript相关文章