主页
M
html5
JavaScript
DIV+CSS
前端美工
--网页制作--
Java与JSP
PHP
Python 3
Golang
R语言
--网络编程--
Mysql
Oracle
NoSQL
SQLite
--数据库--
Linux
正则表达式
架构
--运维--
--网页特效--
--移动开发--
SDN
QUIC
网络原理
--网络--
强化学习
机器学习
--人工智能--
区块链1
区块2
--区块链--
爬虫技术
爬虫案例
--数据采集--
理论
dapp案例
--dapp--
页面右下角弹出提示窗口效果
2016-10-26
网页编程网
网页编程网
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>右下角弹出框</title> </head> <style type="text/css"> #rbbox{position:absolute;right:0;bottom:0;width:300px;height:0px;overflow:hidden} .button{display:inline;float:right;font-size:12px;cursor:pointer} </style> <body><div id="rbbox"><a class="button" onclick="closeBox()">关闭</a><iframe src="http://www.kanshule.com" frameborder="0" height="200" width="300" scrolling="no"></iframe></div> </body> </html> <script language="javascript" type="text/javascript"> window.onload=function(){showBox();setTimeout("closeBox()",5000)} function showBox(o){ if (o==undefined) o=document.getElementById("rbbox"); o.style.height=o.clientHeight+2+"px"; if (o.clientHeight<200) setTimeout(function(){showBox(o)},5); } function closeBox(){document.getElementById("rbbox").style.display="none";} </script>
阅读原文
阅读
3952
123
显示电脑版