你好,欢迎来到何平网络科技&织梦之家,你可以免费观看大量视频教程以及大量模板下载!

打开网页弹出图片JS代码,可写CSS样式,带关闭功能,可做广告推广功能等-织梦之家(dedehome.com)

时间:2018-09-22 15:19 来源:织梦之家作者:happy 点击:
打开网页弹出图片JS代码,可写CSS样式,带关闭功能,可做广告推广功能等,如图 代码如下 !--顶部图片 -- div class=img2 span id=close style=margin-left:50%;关闭/span img src=img/01/01.jpg alt= style=width:400px;height:300px; margin-left:50%;/div
打开网页弹出图片JS代码,可写CSS样式,带关闭功能,可做广告推广功能等,如图


 
 
代码如下
<!--顶部图片 -->
<div class="img2">
<span id="close" style="margin-left:50%;">关闭</span>
<img src="img/01/01.jpg" alt="" style="width:400px;height:300px; margin-left:50%;"></div>
<style>.img2{position: fixed;z-index: 99;top:20%;right: 50%;  } #close{position: absolute;left: 10px;top: 5px;}
</style>
<script>var mask = document.getElementById('close');var img = document.getElementsByTagName('img')[0];mask.onclick=function(){img.style.display = "none";this.style.display = "none";}</script>
<!--顶部图片 -->

织梦之家专业的网站建设,网站仿制,记得联系我们哦!!!
 
感谢支持织梦之家,你的支持,我们的无限动力!!!
    “DEDECMS教程”欢迎分享!:

    相关标签:

    顶一下
    (1)
    100%
    踩一下
    (0)
    0%

    欢迎您报错,或提出宝贵建议,我们将第一时间处理,为大家营造一个良好网上交流平台,感谢支持织梦之家!