admin 管理员组

文章数量: 1184232

页面弹出提示框3秒后自动消失 

<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>jQuery实现点击弹出层3秒后自动消失</title><scripttype="text/javascript"src="assets/js/jquery.js"></script><styletype="text/css">#disappare{border: 3px solid #ccc;border-radius: 5px;background: #fff;font-size: 20px;width: 190px;height: 67px;position: fixed;top: 30%;left: 50%;background-color: yellow;color: red;}</style></head><body><divid="content"><buttonid="btn">点击</button><divid="disappare"style="display:none;"><h2style="margin-top: 1px;">注意：</h2><pstyle="margin-top: -24px;">必须先输入文章名称</p></div></div><scripttype="text/javascript">$(function(){$("#btn").click(function(){$("#disappare").show().delay(3000).hide(300);});})</script></body></html>

本文标签： 高手秘籍 消失 系统

版权声明：本文标题：HTML高手秘籍：让你的网页提示框自动退出舞台 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1770930263a3539190.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。