`

公告弹出页面 和 tip

 
阅读更多

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

    <script src="./jquery-1.3.1.js" type="text/javascript"></script>

    

    <script src="./data.js" type="text/javascript"></script>

    

    <script type="text/javascript">

//等待dom元素加载完毕.

 

function showDiv(obj){

 $(obj).show();

 center(obj);

 $(window).scroll(function(){

  center(obj);

 });

 $(window).resize(function(){

  center(obj);

 }); 

}

 

function center(obj){

 var windowWidth = document.documentElement.clientWidth;   

 var windowHeight = document.documentElement.clientHeight;   

 var popupHeight = $(obj).height();   

 var popupWidth = $(obj).width();    

 $(obj).css({   

  "position": "absolute",   

  "top": (windowHeight-popupHeight)/2+$(document).scrollTop(),   

  "left": (windowWidth-popupWidth)/2   

 });  

}

 

</script>

 

</head>

<body>

 

 

 

 

</body>

</html>

    

 

 

------------------data.js-------------------------------

$(document).ready(function(){

$("body").append("<div id=\"notice\" style=\"display:block;position:absolute;\"><iframe src=\"ad.html\" width=\"300px\" height=\"300px\"/><\/div><script type=\"text/javascript\">showDiv($(\"#notice\"));<\/script>");

});

 

 

--------------弹出tip的页面---------------------

<!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=utf-8" />

<title>zishu test tip</title>

<style>

/* zishu.cn */

*{ margin:0; padding:0; list-style:none; font-size:12px; line-height:1.8;}

#info{padding:50px;}

 

/*以是下显示TIP的内容*/

#infobox span{ display: none; }

#infobox a:hover span{display: block;position:absolute;border:1px solid #640000;background: #FFFFCC;margin-top:26px!important; margin-top:20px;color:#000;padding:5px;white-space: nowrap;}

</style>

</head>

<body>

<div id="info">

   <div id="infobox">

     <a href="javascript:void(0);"><span>从这里可以进入我的首页!</span>网站首页</a>

   </div>

</div>

</body>

</html>

 

 

分享到:
评论

相关推荐

    MFC控件添加tip提示

    在Windows应用程序开发中,Microsoft Foundation Class (MFC)库提供了一种方便的方式来构建用户界面。在MFC中,控件的“tip提示”是一种小型文本气泡,...通过实践和调试,你可以创建出具有丰富交互体验的MFC应用程序。

    Tip类demo Tip类demo

    在Android开发中,"Tip类demo"通常指的是创建和使用提示信息类的示例。Tip类是用来显示一些临时性或辅助性的信息,如警告、提示...通过合理的布局设计和代码组织,可以创建出既美观又实用的Tip类,提升用户的使用体验。

    非常实用的弹出tip提示窗口实例

    在本实例中,我们将深入探讨如何创建一个实用且高效的弹出tip提示窗口,以及相关的编程技术和设计原则。 首先,我们要明白提示窗口的主要功能:它们旨在在用户操作时提供帮助,展示关键信息,或者确认用户的行为。...

    jquery.tip 点击加分效果,漂亮的tip

    在网页上,当用户点击某个元素时,tip会以弹出层的形式出现,显示相关信息。这种提示通常包含额外的上下文信息、帮助文本或者操作提示,以辅助用户理解页面元素的功能或行为。 在描述中提到的“漂亮的jquery tip”...

    TIP42c三极管参数及引脚图

    TIP42c是PNP型的中功率三极管,它属于经典的TIP系列晶体管,经常被用于电子电路中,尤其是在信号放大和音频功率放大领域。本文将详细介绍TIP42c三极管的参数和引脚图,为电子爱好者和专业人士提供参考。 首先,我们...

    tip122 pdf资料

    TIP120、TIP121和TIP122是一系列高性能的大功率达林顿NPN型晶体管,封装于Jedec TO-220塑料封装中,广泛应用于功率线性和开关应用中。它们是单片达林顿配置的硅基NPN功率晶体管,设计用于高电流和电压条件下的工作。...

    tiptop客户端的安装和配置

    在弹出的窗口中,用户需要在“Shortcutname:”处输入一个识别名称,以便于管理和识别。之后,用户需要点击“Next”进行下一步设置。此处选择“RLOGIN:协议模式”,之后再点击“Next”。在这个过程中,用户需要输入...

    tiptop知识文件

    【描述】"收集到的tiptop知识文件,后续学习爱的啊大大大大大大达到爱的"虽然在描述中出现了非技术性的词汇(如"爱的"和一系列重复的"大"),但我们可以理解为作者对于深入学习"tiptop"的热情和期待。这里的"后续...

    jQuery EasyUI 扩展(tip和form)

    在"jQuery EasyUI 扩展(tip和form)"这个主题中,我们将深入探讨如何利用 EasyUI 的扩展功能来优化提示(tip)和表单(form)的交互体验。 首先,让我们谈谈“Tip”。在 Web 开发中,提示信息通常用于向用户提供即时...

    D3 Tip 获取 X,Y

    D3.js通常是通过CDN链接或者本地文件引入,而D3 Tip可以通过npm安装后本地引用,或者直接在页面中使用CDN链接。 2. **创建提示实例**:在JavaScript代码中,你需要创建一个D3 Tip的实例。这通常在D3的选择器或数据...

    TipTop GP系统和TipTop旧系统同时运行的方法

    本文将详细介绍如何实现TipTop GP系统与TipTop旧系统的同时运行,包括必要的配置步骤和技术要点。 ### 一、理解TipTop GP系统与旧系统的差异 首先,我们需要明确TipTop GP系统与旧系统之间的主要差异。通常来说,...

    TIPTOP與其他系統之WebService接口資料

    【TIPTOP与其他系统之WebService...综上所述,理解并掌握TIPTOP系统的Web Service接口,需要熟悉Web Service的基本原理和技术,同时结合具体的接口文档来实现与TIPTOP系统的无缝对接,以提升整体系统的效率和协同能力。

    TIPTOP对接通达OA工作流

    TIPTOP对接通达OA工作流是一个旨在整合两个不同系统——TIPTOP和通达OA(Kingdee Office Automation)——的程序,目的是实现工作流的无缝交互。在企业信息化管理中,工作流自动化是一个关键部分,它能提高效率,...

    Jquery Tip 插件使用

    jQuery Tip插件是基于JavaScript库jQuery构建的,它提供了一种简单的方法来创建和管理页面上的提示信息。通过自定义样式和事件绑定,开发者可以定制出符合项目需求的各种提示效果。 ### 2. 安装与引入 首先,确保...

    div+tip(title)

    在网页设计和开发中,`div` 和 `tip` 是两个非常重要的概念,尤其是在构建用户界面时。`div` 是HTML中的一个通用容器元素,全称为 "division",用于组合HTML文档中的其他元素,以便更好地组织和布局内容。而 `tip` ...

    Java balloon Tip Tool

    7. **透明度和动画效果**: 为了增加视觉吸引力,Balloon Tip可能会包含透明度变化和动画效果。Java的AWT和Swing提供了支持透明组件和动画的API。 8. **国际化与本地化**: 如果工具需要支持多语言,那么开发者需要...

    Tip.rar_delphi 消息提示_tip

    2. **自定义消息提示**:如果只是简单的文本提示,可以使用ShowMessage函数,它会弹出一个简单的消息框,包含一条信息和一个“确定”按钮。例如: ```pascal ShowMessage('这是一个消息提示!'); ``` 如果需要更...

    TIPTOP_ERP_操作手册

    TIPTOP_ERP_操作手册,帮助初学者了解和掌握TIPTOP_ERP的基本使用方法

    TIP42C.pdf

    ### TIP41A/B/C与TIP42A/C...总之,TIP41A/B/C与TIP42A/C系列晶体管凭借其高功率处理能力、宽泛的工作电压范围、良好的电气特性和热性能,在各种中等功率的线性放大和开关应用中表现出色,成为电子工程师们青睐的选择。

Global site tag (gtag.js) - Google Analytics