<!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" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
/**
* 浮动DIV定时显示提示信息,如操作成功, 失败等
* @param string tips (提示的内容)
* @param int height 显示的信息距离浏览器顶部的高度
* @param int time 显示的时间(按秒算), time > 0
* @sample <a href="javascript:void(0);" onclick="showTips( '操作成功', 100, 3 );">点击</a>
* @sample 上面代码表示点击后显示操作成功3秒钟, 距离顶部100px
* @copyright ZhouHr 2010-08-27
*/
function showTips( tips, height, time ){
var windowWidth = document.documentElement.clientWidth;
var tipsDiv = '<div class="tipsClass">' + tips + '</div>';
$( 'body' ).append( tipsDiv );
$( 'div.tipsClass' ).css({
'top' : height + 'px',
'left' : ( windowWidth / 2 ) - ( tips.length * 13 / 2 ) + 'px',
'position' : 'absolute',
'padding' : '3px 5px',
'background': '#8FBC8F',
'font-size' : 12 + 'px',
'margin' : '0 auto',
'text-align': 'center',
'width' : 'auto',
'color' : '#fff',
'opacity' : '0.8'
}).show();
setTimeout( function(){$( 'div.tipsClass' ).fadeOut();}, ( time * 1000 ) );
}
</script>
<title>无标题文档</title>
</head>
<body>
<input type="button" value="ddddddddddddd" onclick="showTips('ddd','vvv',300)" />
</body>
</html>
分享到：
相关推荐
在本话题中，我们将深入探讨“Clk_Div.rar”这个压缩包文件中所包含的FPGA时钟分频器设计，特别是关于clk_div IP核的使用及其参数配置。 FPGA时钟分频器设计的目标是生成系统所需的多种时钟频率，以满足不同模块对...
有时，我们可能遇到这样的需求：希望外部的`<div>`容器保持固定的宽度，而不受内部`<div>`或其他子元素尺寸的影响。这在创建响应式设计、固定宽度的侧边栏或模块时尤为常见。本文将详细探讨如何通过CSS属性实现这一...
标题“拖动div到另一个div中”描述的就是这样一个功能，即实现一个div元素能够被拖动并放置到另一个div内，同时显示被拖动div的ID。这个功能在各种应用场景中都很有用，如文件管理器、布局构建器或富文本编辑器等。 ...
在网页设计和开发中，"闪烁的div"和"高亮的div层"通常涉及到动态效果和用户交互的实现。这些技术主要应用于吸引用户的注意力，提供反馈，或者创建引人入胜的用户体验。下面我们将详细探讨这个主题，包括相关概念、...
在网页设计中，有时我们需要将某个`div`元素设置为全屏显示，以提供沉浸式的用户体验或特定功能的实现。JavaScript（简称js）作为一种强大的客户端脚本语言，可以帮助我们轻松实现这一需求。在这个项目中，我们使用...
"table转div工具"就是为了帮助开发者将原有的基于table的布局转换成更现代、更优化的div+CSS布局。 首先，我们需要理解table和div之间的主要差异。Table元素主要用于显示结构化数据，如表格或矩阵。它的布局是固定...
在网页设计中，`div` 是一个非常基础且重要的元素，它用于定义页面上的一个区域或容器。在标题“拖动多个div”中，我们关注的是如何使一个或多个 `div` 元素变得可拖动，即用户可以通过鼠标进行交互，自由地在页面上...
在网页设计中，有时我们需要实现一个功能：当用户将鼠标悬停在某个div元素上时，显示特定的信息或另一个div。这个功能可以增强用户体验，帮助用户更好地理解和操作页面。本教程将详细介绍如何实现这一功能，并确保...
在JavaScript（JS）中，"鼠标浮动显示div"是一种常见的交互设计，通常用于创建提示框、下拉菜单或工具提示。这种技术的核心是利用事件监听器来捕捉鼠标的移动，并根据鼠标的移动来控制div元素的显示与隐藏。在本案例...
下面，我们将深入探讨div+css布局的相关知识点。 1. **Div元素**：HTML中的`<div>`（division）元素是一个通用容器，用于组合HTML元素，为页面提供结构。通过设置`<div>`的类或ID属性，我们可以对多个元素进行分组...
在这个特定的主题中，“纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存”是指通过CSS实现的一种交互效果：当鼠标悬停在一个div上时，另一个关联的div会显示出来，同时其他无关的div保持隐藏状态。这种效果在创建导航...
div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子...
【Div块上下左右循环滚动】是一种常见的网页动态效果，它可以使网页中的某个Div元素实现持续不断的循环滚动，增强用户体验和视觉吸引力。这种效果通常通过JavaScript和CSS技术来实现，尤其在现代网页设计中，...
然而，有时我们可能会遇到一个问题，即`div`元素没有被其内部内容“撑开”，也就是说，`div`的高（height）并没有根据内容自动调整。这可能会导致`div`看起来是空的，或者部分内容被隐藏。下面我们将详细探讨这个...
在网页设计领域，`div+css`是一种常用的技术，用于实现页面布局和样式控制。`div`元素作为容器，能够包裹其他HTML元素，而CSS（层叠样式表）则负责定义这些元素的外观和位置。在本教程中，我们将深入探讨如何使用`...
在网页设计和开发中，`DIV`元素是一个非常重要的部分，它被广泛用于布局和创建模块化的内容。在这个“DIV弹出层+定位”的例子中，我们关注的是如何利用`DIV`来创建一个可滑动的弹出层，并且使其在页面上保持固定的...
在网页设计领域，布局方式的发展经历了从表格（Table）到层（Div）+CSS的转变。"Table转div+css工具"就是专为此目的而设计的一款实用软件，它能够帮助开发者将原有的基于表格的HTML代码转换成使用Div和CSS进行布局的...
比如：加载a.html里面的<div id=“row”></div>这个div里面的所有内容加载到b.html的这个div里<div id=”content”></div> 用jquery ajax 可以实现 假设 a.html 和b.html在同一目录 b.html [removed] $(document)....
《Divelements.SilverlightTools工具：HTML容器的深度解析》 ...尽管随着技术的发展，Silverlight的使用逐渐减少，但Divelements.SilverlightTools所展示的跨技术集成理念，对于现代Web开发仍然具有启示意义。
2. **复制div到canvas**：由于`canvas`无法直接将`div`内容绘入，我们需要先将`div`的CSS样式转换为内联样式，然后使用`innerHTML`或`outerHTML`将`div`的内容插入到`canvas`的`getContext('2d')`的绘图环境中。...