自动弹窗 自适应定时弹窗代码.html

自动弹窗 自适应定时弹窗代码.html
jiutian99
jiutian99
164
阅读
0
评论
2021年11月08日14:40:32 0 164

自动弹窗 自适应定时弹窗代码.html

<html>

<head>

<style type="text/css">

.tanchuang{

position: absolute;

width:400px;

height:400px;

left:5px;

right:20px;

top: 120px;

bottom: 120px;

    background-color: #fff;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    border: 1px solid #999;

    border: 1px solid rgba(0,0,0,.2);

    border-radius: 6px;

    outline: 0;

    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);

    box-shadow: 0 3px 9px rgba(0,0,0,.5);

    font-size: 22px!important;

    line-height: 1.4;

    text-align: center;

}

</style>

<script type="text/javascript">  

//<!--关闭弹窗-->

function turnoff(obj){

document.getElementById(obj).style.display="none";

}

    // 创建定时器,需要绑定事件,指定时间(ms)

    var myModal=setTimeout(function(){

    var myModal=document.getElementById('myModal')

    myModal.style.display="inline"

    },60000)

</script>

   

</head>

<body>

<div class="tanchuang" id="myModal" style="display:none"><a href="#" onclick="javascript:turnoff('myModal')">点击关闭</a>

<iframe height="800" allowTransparency="true" scrolling="no" style="display:block;min-width:100%;width:100px;border:none;overflow:auto;" frameborder="0" src="https://xieruiyi.58how.com.com/AIPQdSi"></iframe>

</div>

position:absolute;border:1px solid #ccc;background:#efefef; display:none;

background:#ddd; display:block; height:33px; cursor:move;

float:right; line-height:33px; padding:0 8px;cursor:default;

</body>

</html> 

打赏 点赞(0)
weinxin
投诉建议
文章名+链接地址,发送到此微信:tourism52
什么,是,XSL,什么,是,XSL,EXtensible,Stylesheet, 菜鸟教程

什么是XSL

什么是XSL XSL(EXtensible Stylesheet Language)它是指可扩展样式表语言。 XSL之于 XML 就像 CSS 之于 HTML。说白了就是将XML中...
Window,对象,集合,Window,对象,集合,描述,frames, 菜鸟教程

Window 对象集合

Window 对象集合 集合 描述 frames[] 返回窗口中所有命名的框架。 该集合是 Window 对象的数组,每个 Window 对象在窗口中含有一个框架或 iframe。...
WML,setvar,标签,WML,setvar,标签,本节,介绍了,语, 菜鸟教程

WML <setvar> 标签

WML setvar 标签 本节介绍了 WML 语言中 setvar标签的使用。 定义和用法 setvar 标签在go、prev或refresh任务中把变量设置为指定的值。 语法 ...
javascript, for ,循环 菜鸟教程

JavaScript for 循环

JavaScript for 循环循环可以将代码块执行指定的次数。JavaScript 循环如果您希望一遍又一遍地运行相同的代码,并且每次的值都不同,那么使用循环是很方便的。我们可...
引用,解释 菜鸟教程

引用的解释

引用的解释Table of Contents◾引用是什么◾引用做什么◾引用不是什么◾引用传递◾引用返回◾取消引用◾引用定位...
WML,标签,WML,标签,是,中的,任务,元素,本节, 菜鸟教程

WML <go> 标签

WML go 标签 go标签是 WML 中的任务元素,本节介绍了该标签的使用。 定义和用法 go 任务表示跳转到新卡片的动作。在 href 属性中规定跳转的目的地。 注释:go 标...

评论列表 共有 0 条评论

暂无评论