页面提示框试下，类似cs

最新推荐文章于 2022-10-31 09:49:47 发布
最新推荐文章于 2022-10-31 09:49:47 发布
阅读量540 收藏
点赞数
分类专栏： 解决方案

页面提示框试下，类似cs



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>aa</title>
<style type="text/css">
#ey_tip {<span style="white-space:pre">	</span>
<span style="white-space:pre">	</span>position: absolute;
<span style="white-space:pre">	</span>right: 0px;
<span style="white-space:pre">	</span>bottom: 0px;
<span style="white-space:pre">	</span>height: 0px;
<span style="white-space:pre">	</span>width: 180px;
<span style="white-space:pre">	</span>border: 1px solid #CCCCCC;
<span style="white-space:pre">	</span>background-color: #eeeeee;
<span style="white-space:pre">	</span>padding: 1px;
<span style="white-space:pre">	</span>overflow: hidden;
<span style="white-space:pre">	</span>display: none;
<span style="white-space:pre">	</span>font-size: 12px;
<span style="white-space:pre">	</span>z-index: 10;
}
#ey_tip p {
<span style="white-space:pre">	</span>padding: 6px;
}
#ey_tip h1,#detail h1 {
<span style="white-space:pre">	</span>margin-top:0px;
<span style="white-space:pre">	</span>font-size: 14px;
<span style="white-space:pre">	</span>height: 25px;
<span style="white-space:pre">	</span>line-height: 25px;
<span style="white-space:pre">	</span>background-color: #0066CC;
<span style="white-space:pre">	</span>color: #FFFFFF;
<span style="white-space:pre">	</span>padding: 0px 3px 0px 3px;
<span style="white-space:pre">	</span>filter: Alpha(Opacity = 100);
}
#ey_tip h1 a,#detail h1 a {
<span style="white-space:pre">	</span>float: right;
<span style="white-space:pre">	</span>text-decoration: none;
<span style="white-space:pre">	</span>color: #FFFFFF;
}
</style>
<script type="text/javascript">
<span style="white-space:pre">	</span>window.onload = function() {
<span style="white-space:pre">		</span>var divTip = document.createElement("div");
<span style="white-space:pre">		</span>divTip.id = "ey_tip";
<span style="white-space:pre">		</span>divTip.innerHTML = "<h1><a href='javascript:void(0)' οnclick='start()'>×</a>消息提醒</h1><p><a href='javascript:void(0)' οnclick='showwin()'>您有xx条消息</a></p>";
<span style="white-space:pre">		</span>divTip.style.height = '0px';
<span style="white-space:pre">		</span>divTip.style.bottom = '0px';
<span style="white-space:pre">		</span>divTip.style.position = 'fixed';
<span style="white-space:pre">		</span>document.body.appendChild(divTip);
<span style="white-space:pre">	</span>}
<span style="white-space:pre">	</span>var handle;
<span style="white-space:pre">	</span>function start(count) {
<span style="white-space:pre">		</span>var obj = document.getElementById("ey_tip");
<span style="white-space:pre">		</span>if (parseInt(obj.style.height) == 0) {
<span style="white-space:pre">			</span>obj.style.display = "block";
<span style="white-space:pre">			</span>handle = setInterval("changeH('up')", 20);
<span style="white-space:pre">		</span>} else {
<span style="white-space:pre">			</span>handle = setInterval("changeH('down')", 20)
<span style="white-space:pre">		</span>}
<span style="white-space:pre">	</span>}
<span style="white-space:pre">	</span>function changeH(str) {
<span style="white-space:pre">		</span>var obj = document.all ? document.all["ey_tip"] : document
<span style="white-space:pre">				</span>.getElementById("ey_tip");
<span style="white-space:pre">		</span>if (str == "up") {
<span style="white-space:pre">			</span>if (parseInt(obj.style.height) > 100)
<span style="white-space:pre">				</span>clearInterval(handle);
<span style="white-space:pre">			</span>else
<span style="white-space:pre">				</span>obj.style.height = (parseInt(obj.style.height) + 8).toString()
<span style="white-space:pre">						</span>+ "px";
<span style="white-space:pre">		</span>}
<span style="white-space:pre">		</span>if (str == "down") {
<span style="white-space:pre">			</span>if (parseInt(obj.style.height) < 8) {
<span style="white-space:pre">				</span>clearInterval(handle);
<span style="white-space:pre">				</span>obj.style.display = "none";
<span style="white-space:pre">			</span>} else
<span style="white-space:pre">				</span>obj.style.height = (parseInt(obj.style.height) - 8).toString()
<span style="white-space:pre">						</span>+ "px";
<span style="white-space:pre">		</span>}
<span style="white-space:pre">	</span>}
<span style="white-space:pre">	</span>function showwin() {
<span style="white-space:pre">		</span>document.getElementsByTagName("html")[0].style.overflow = "hidden";
<span style="white-space:pre">		</span>start();
<span style="white-space:pre">		</span>window.open("http://tools.jb51.net");
<span style="white-space:pre">	</span>}
</script>
</head>
<body>
<span style="white-space:pre">	</span><a href="javascript:void(0)" οnclick="start()">触发提醒</a>
</body>
</html>


metecyu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
2、测试面试题总结整理
qq_45778920的博客
08-08 3725
分享学习，享受快乐(*^▽^*)
AJAX 验证框架13个
10-29
AJAX（Asynchronous JavaScript and XML）验证框架是前端开发中常用的一种技术，它允许在不刷新整个页面的情况下，对用户输入的数据进行实时检查。这样的验证不仅提高了用户体验，减少了服务器的负担，还能及时给出...
HttpRunner接口自动化测试框架
翛然树的博客
06-19 5397
HttpRunner接口自动化测试框架 HttpRunner 简介 HttpRunner 是一款面向 HTTP(S) 协议的通用测试框架，只需编写维护一份YAML/JSON脚本，即可实现自动化测试、性能测试、线上监控、持续集成等多种测试需求。 项目地址：https://github.com/HttpRunner/HttpRunner 中文手册：http://cn.httprunner...
ThinkPHP 框架下支付宝支付
u011415782的专栏
07-07 1406
背景近期项目需要接入支付宝支付功能，其中开发使用了ThinkPHP3.2.3框架，通过参考开发平台文档可以知道，网站开发有两种场景，一种是手机网站支付，直接唤醒支付宝app进入支付操作；另一种多是PC端显示支付二维码的形式，然后使用手机的支付宝app扫描。 此处主要介绍手机网站支付的实现，后期补充扫码支付。
软件测试及自动化测试
Eunnm的博客
07-25 5481
软件测试及自动化测试
渗透测试之安全手册（干货）
保持微笑的博客
10-31 4201
渗透测试之安全手册
用css实现一个弹出框（类似element的Popover ）
weixin_38992765的博客
09-20 2041
实现的效果 点击按钮弹窗子组件（采用vue的fade-in动画） 点击其他地方弹窗消失 tab选中效果 先上效果图 父页面 <transition name="fade"> <div v-if="locationvisible"> <locationDialog class="locationDialog"></locationDialog> </div> </transition&gt
面试题总结(测试理论)
weixin_47956764的博客
04-06 2552
操作系统之Linux 1、杀掉tomcat进程 ps -ef |grep tomcat kill -9 pid 2、启动http服务 service httpd start 3、查看可用内存，磁盘大小和CPU使用率的命令 free -m df -h top 4、给a.txt文件的属主和其他用户分别增加写和执行权限 chmod u+w,o+x a.txt 5、实时查看a.log日志文件的信息 tail -f a.log 6、查看8888端口是否被占用 netstat -an |grep 888
测试面试题【搬代码】
weixin_52001174的博客
07-22 1816
Tomcat1.安装tomcat，2.把下载的tomcat包复制/usr/local，3.解压，4.在tomcat/bin目录执行startup.sh文件5.启动服务6.在浏览器中连接IP8080，7.如果连接不上，但tomcat又是显示启动OK，检查firewall，路径为/etc/sysconfig/iptables，将8080端口开启，6.重启服务。英文版的且易用性不是很好，最重要的是收费且价格不扉；B.里面包含了产品概述，测试策略，测试方法，区域，配置，周期，资源，交流，风险分析等内容。...
C#几个常用框架的关系
weixin_44302503的博客
11-02 2190
今天我们先来看一下在WP8.1开发中最长见到的几个文件之间的关系。比较论证，在看这个问题之前我们简单看看.NET平台其他两个不同的框架： Windows Forms 先看看Window Forms中的情况，下图为在VS中创建的默认Windows Forms项目结构：   分别回顾一下每个文件以及它们之间的关系： ┣━ Properties------------------------------------------- 项目属性文件夹 ┣━━━━━ AssemblyInfo.cs------.
嵌入页面的几种方法
热门推荐
前端蜗牛君
12-03 1万+
一．应用框架技术  ---- 要在宿主页面中嵌入外部页面的方法是，在宿主页面中包含外部页面的位置插入“”语句即可(注意: 标签中的各种属性含义请查阅相关技术手册)。 ---- 如果想在嵌入的外部页面过长时不出现滚动条，在外部文件标签中加入“scroll=no”或者在宿主页面标签中加入“scrolling=no”即可。 ---- 但这样做会出现一个问题，就是宿主页面和外部页面背景色不同
类似百度文库在线阅读.docx
10-20
标题提及的“类似百度文库在线阅读.docx”可能是指创建一个类似于百度文库的在线文档阅读平台。这个过程涉及到的技术和步骤主要包括： 1. **FlashPaper2的使用**： 百度文库早期可能利用FlashPaper2来转换文档为...
页面各种js验证大全.docx
10-29
这个文档"页面各种js验证大全.docx"主要涵盖了几个常见的JavaScript验证函数，用于确保用户输入的数据符合特定的要求。以下是对这些验证函数的详细解释： 1. **基本初始化函数**（`basicInit(object)`）： 这个...
基于SSM框架的商城管理系统.pdf
06-21
【标签】：“毕业设计 范文/模板/素材 cs”表明这是一个毕业设计项目，提供了可参考的模板和素材，主要面向计算机科学（cs）领域的学习者。 【部分内容】： 1. 系统设计主要包括商品管理、用户订单管理等核心功能，...
JQuery的Alert消息框插件使用介绍
10-28
3. `jPrompt(message, [value, title, callback])`：创建一个提示框，用户可以输入值。同样接受四个参数，`message`用于显示提示信息，`value`是可选的输入框的初始值，`title`设置消息框标题，`callback`是当用户...
大物实验下MOOC题目答案 .pdf
最新发布
08-18
文件概述： 大物实验下MOOC题目答案.pdf 是为物理学实验课程中的MOOC题目提供的答案汇编文件。该文件专门为物理学科的实验课程设计，旨在帮助学生更好地理解实验内容和提高解决问题的能力。文件内容涵盖了大量的实验题目及其详细答案，提供了一种有效的复习和学习工具。 文件内容： 实验题目：涵盖了物理实验课程中的各种MOOC题目，这些题目包括实验设计、数据分析、理论验证等方面，帮助学生深入理解实验内容。 详细解答：针对每个题目提供了详细的解答步骤和方法，包括实验操作流程、数据处理过程和理论分析。这些解答帮助学生理解实验的关键步骤和原理。 解题技巧：提供了一些解题技巧和常见错误的分析，帮助学生在实际实验和问题解答中避免常见陷阱，提高解题效率。 使用说明： 下载并打开该PDF文件后，建议学生首先浏览实验题目，然后仔细阅读对应的答案和解答步骤。通过对比自己的实验结果和答案，检查理解和解决方法的准确性。利用解答中的技巧和方法，进一步提高自己的实验操作和数据分析能力。 该文件旨在作为学习和复习的辅助工具，帮助学生有效地掌握物理实验课程的核心知识点，提升实验技能和问题解决能力。
2024申博白皮书（面试攻略、笔试攻略）
08-18
白皮书旨在帮助硕士生了解和规划申博之路。它首先分析了博士申请形势，包括招生人数增加、报考人数增多等趋势，并介绍了国内外申博的多种类型，例如直博、统考、审核制、同等学力申博等。接着，白皮书详细讲解了如何选择院校和套磁导师，以及申博文书的撰写技巧，包括个人简历、研究计划、个人陈述和推荐信。最后，白皮书还提供了复试的攻略，包括笔试和面试的准备方法，以及常见问题的回答思路。总而言之，这份白皮书为硕士生申博提供了全面的指导和参考。 一、博士申请形势分析 博士招生人数： 分析了近年来博士招生人数的增长趋势，以及不同高校的招生情况。 二、博士申请类型 三、选择导师和套磁 四、申博文书 五、复试 复试类型： 介绍了笔试和面试两种复试类型，以及各自的考查重点。 笔试攻略： 介绍了笔试的时间安排、答题次序、文字书写、答题量、重点突出、思维严谨、难题偏题应对等方面的技巧。 面试类型： 介绍了与导师单独面试和由院校委员组织的多人面试两种面试形式，以及面试委员会的组成人员。 面试攻略： 介绍了常规准备、informal 面试和正式面试的注意事项，以及常见的面试问题。 六、常见问题汇总 列举了十个常见的面试问题
Delphi 12 控件之ZipForge-695.zip
08-18
ZipForge_695.zip
基于语义分割，对GEOTIFF格式的光学卫星遥感图像进行多种地表类型的实时面积计算，并进行时序预测+python源代码+文档说明
08-18
<项目介绍> - 基于语义分割，对GEOTIFF格式的光学卫星遥感图像进行多种地表类型的实时面积计算，并进行时序预测 - 不懂运行，下载完可以私聊问，可远程教学 该资源内项目源码是个人的毕设，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分达到96分，放心下载使用！ 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。 --------
RTL8822CS WiFi模块射频性能深度测试解析
"基于RTL8822CS的WiFi模块射频性能测试" 本文主要讨论的是基于RTL8822CS芯片的3天线WiFi模块的射频性能测试，涉及了无线通信的基础概念和关键参数，包括无线通信的定义、频段、信道、信道带宽、传输速率、模式以及...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值