`
black.angel
  • 浏览: 34757 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

非常不错的信息提示脚本

脚本JavaScriptIEQQHTML 
阅读更多

自己测试了一下,支持GOOGLE,IE,FF.小巧精致的提示框.

 

<!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>页面右下角弹出提示信息,类QQ右下角新闻－－Inghot</title>
<style type="text/css">
* {margin:0px;padding:0px;}
html,body {height:100%;}
body {font-size:14px; line-height:24px;}
#tip {position: absolute;right: 0px;bottom: 0px;height: 0px;width: 180px;border: 1px solid #CCCCCC;background-color: #eeeeee;padding: 1px;overflow:hidden;display:none;font-size:12px;z-index:10;}
#tip p {padding:6px;}
#tip h1,#detail h1 {font-size:14px;height:25px;line-height:25px;background-color:#0066CC;color:#FFFFFF;padding:0px 3px 0px 3px;}
#tip h1 a,#detail h1 a {float:right;text-decoration:none;color:#FFFFFF;}
#shadow {position:absolute;width:100%;height:100%;background:#CCCCCC;-moz-opacity:0.5;filter:Alpha(Opacity=50);opacity: 0.8;z-index:11;display:none;overflow:hidden;}
#detail {width:500px;height:200px;border:3px double #ccc;background-color:#FFFFFF;position:absolute;z-index:30;display:none;left:30%;top:30%}
</style>
<script type="text/javascript">
var handle;
function start()
{
 var obj = document.getElementById("tip");
 if (parseInt(obj.style.height)==0)
 { obj.style.display="block";
  handle = setInterval("changeH('up')",2);
 }else
 {
     handle = setInterval("changeH('down')",2) 
 } 
}
function changeH(str)
{
 var obj = document.getElementById("tip");
 if(str=="up")
 {
  if (parseInt(obj.style.height)>200)
   clearInterval(handle);
  else
   obj.style.height=(parseInt(obj.style.height)+8).toString()+"px";
 }
 if(str=="down")
 {
  if (parseInt(obj.style.height)<8)
  { clearInterval(handle);
   obj.style.display="none";
  }
  else  
   obj.style.height=(parseInt(obj.style.height)-8).toString()+"px"; 
 }
}
function showwin()
{
 document.getElementsByTagName("html")[0].style.overflow = "hidden";
 start();
 document.getElementById("shadow").style.display="block";
 document.getElementById("detail").style.display="block"; 
}
function recover()
{
 document.getElementsByTagName("html")[0].style.overflow = "auto";
 document.getElementById("shadow").style.display="none";
 document.getElementById("detail").style.display="none";  
}
</script>
</head>

<body onload="document.getElementById('tip').style.height='0px'">

<div id="shadow"> </div>

<div id="detail"><h1><a href="javascript:void(0)" onclick="recover()">×</a>系统提示</h1>哈哈哈哈你～～～</div>

<div id="tip"><h1><a href="javascript:void(0)" onclick="start()">×</a>系统提示</h1><p><a href="javascript:void(0)" onclick="showwin()">点击这里查看详细</a></p></div>

<p><a href="javascript:void(0)" onclick="start()">点击这里测试</a></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
 
分享到：
| SSH 项目中的问题记录
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    提示框js脚本

    提示框js脚本，一般控件的title属性可以达到效果，但是样式比较难看，本压缩包中包括多种皮肤，提示信息更加友好，界面美观，具体使用方法参考博客地址： http://blog.csdn.net/zdw_wym/article/details/48247501

    词达人答题选项提示辅助答题脚本.zip

    为了提高答题效率和准确率，一些用户可能会寻找辅助工具，如“词达人答题选项提示辅助答题脚本”。 该脚本的出现，主要是为了提供一种方式，帮助用户在答题过程中获得一些提示。通常，这样的脚本会在用户面对多个...

    ToolTip提示脚本文件

    【ToolTip提示脚本文件】 在IT领域，ToolTip是一种常见的用户界面元素，用于向用户提供额外的信息。当鼠标指针悬停在某个元素上时，ToolTip会显示一个包含详细说明的小窗口，帮助用户理解该元素的功能或内容。在...

    装备制作脚本_079脚本_冒险岛079NPC脚本_

    10. **错误处理**：当制作失败时，给出适当的提示信息。 综上所述，"装备制作脚本_079脚本_冒险岛079NPC脚本_"涉及到了游戏开发中的核心部分，包括JavaScript编程、NPC交互设计以及装备系统实现。开发者通过编写...

    ChatGPT剧本脚本写作高级提示词Prompt教程

    本教程将引导你利用ChatGPT的高级提示词Prompt技巧，来提升你的剧本和广告脚本创作能力。 首先，理解剧本与广告脚本的基本差异至关重要。剧本通常聚焦于叙述一个完整的故事，旨在引发观众的情感共鸣，展现角色的...

    游猴脚本，多种脚本的汇总

    - **存储管理**：脚本数据存储在本地，包括配置版本、已定义事件等信息。 - **启用状态**：脚本可以被启用或禁用，便于用户根据需要控制脚本的运行。 **4. 安装与使用** - **来源**：脚本文件可以从特定的网址...

    星穹铁道自动使用兑换码脚本

    如果遇到问题，如登录失败、兑换码无效等，脚本可能会有相应的错误提示，根据提示进行排查。 总的来说，《星穹铁道自动使用兑换码脚本》利用Python的灵活性和强大的库支持，为玩家提供了便利的游戏辅助工具。不过，...

    经典页面提示脚本（toolTip）,内含例子

    在网页设计中，"经典页面提示脚本"通常指的是用于增强用户体验的一种技术，它被称为ToolTip。ToolTip是一种在鼠标悬停在某个元素上时显示额外信息的小窗口，这种技术可以为用户提供有关页面元素的上下文帮助或者附加...

    SOUL引流脚本，灵魂app引流脚本手机电脑版使用

    1. 下载并安装雷电模拟器：首先从官方网站或者提供的链接下载最新版本的雷电模拟器（如899soul-雷电4.02021-08-23_204109.apk），然后按照提示完成安装。 2. 安装SOUL应用：将灵魂App的apk文件...

    BAT批处理脚本-提示窗口进度条-提示窗口换行.zip

    “提示窗口”是指在批处理脚本运行过程中，向用户显示信息的界面。这种交互式体验可以提高用户的感知度，使他们了解脚本执行的当前状态。在本压缩包中，“提示窗口换行.vbs”文件可能是一个VBScript（Visual Basic ...

    BAT批处理脚本-提示窗口进度条-进度特效.zip

    BAT批处理脚本是Windows操作系统中一种非常实用的自动化工具，它允许用户通过编写简单的文本文件来执行一系列命令，从而实现对系统操作的自动化。在标题提到的"BAT批处理脚本-提示窗口进度条-进度特效.zip"压缩包中...

    clicksor脚本 cpc脚本 最新脚本 2011年12月27日

    【标签】"clicksor脚本 ME脚本 最新 160程序商城" 提示我们这个脚本可能在某个名为“160程序商城”的平台上发布或销售。这个商城可能是一个专门提供各种软件和脚本的市场，其中包含最新的Clicksor和ME脚本。然而，...

    彻底删除chrome注册表信息脚本

    这时，使用“彻底删除Chrome注册表信息脚本”就显得尤为重要。 注册表是Windows操作系统中的一个重要数据库，存储了系统和应用程序的配置信息。在Chrome的使用过程中，它会在注册表中留下各种设置和痕迹，如扩展、...

    自己做的几个阅读脚本

    综合以上信息，我们可以推断这个项目是一个个人开发者分享的阅读脚本集合，包含两个Android应用（可能分别展示了不同的脚本实现）和一个教程文档，旨在促进学习和交流。学习者可以从这些脚本中了解如何利用编程技术...

    matlab开发-索引或子脚本数据提示

    在MATLAB开发过程中，理解和利用索引或子脚本来处理数据是至关重要的技能。"索引"和"子脚本"是两种不同的访问...而`license.txt`文件则可能包含了该脚本的使用许可信息，确保在使用和分发代码时遵循相应的版权规定。

    GEE引擎藏宝图脚本

    2. 编写解谜逻辑：开发者可以利用GEE引擎的脚本系统，编写解谜过程，如地图标记、谜题提示、解锁条件等。 3. 宝藏交互：当玩家找到藏宝图并成功解谜后，需要与宝藏进行交互，这通常涉及到物品奖励、经验提升或其他...

    ArcGIS教程：脚本环境

    一种情况是当脚本在ArcGIS应用程序之外运行时，比如在命令提示符下执行。另一种情况是当一个脚本调用另一个脚本时，此时调用者通常不知道被调用脚本会调用哪些地理处理工具。在这种情况下，可以使用`LoadSettings`...

    游戏脚本-其他脚本.zip

    10. **用户界面（UI）脚本**：游戏中的菜单、计分系统、提示信息等，都可能由专门的UI脚本来控制。这些脚本负责响应用户的输入，更新显示信息等。 总结来说，"游戏脚本-其他脚本.zip"这个压缩包内可能包含了实现...

    大麦网抢票脚本.rar

    Selenium是一个强大的浏览器自动化框架，它允许开发者模拟用户的各种交互行为，例如点击按钮、填写表单等，这对于抢票脚本来说非常关键，因为它可以模拟用户快速刷新页面、填写购票信息并提交订单的过程。...

    监控 脚本 Shell脚本

    标签“源码”和“工具”提示我们，可能还需要了解如何将这些脚本整合到自定义工具或项目中。通常，这些脚本可以放入cron定时任务，定期执行并发送结果至日志文件或通过邮件报警。此外，还可以将它们封装成可执行的二...

Magicbox
Global site tag (gtag.js) - Google Analytics