<html>
<head><title>eg </title>
<SCRIPT language="javascript" src="../2/div.js"></SCRIPT>
<script language="javascript">
function dynamicDiv(str,div)
{
var str1="z|sd|asdf|z1";
var arr=new Array();
arr=str1.split("|");
var tem=new Array();
for(var i=0;i<arr.length;i++)
{
tem[i]=document.getElementById(arr[i]);
if(tem[i]!=null)
{
tem[i].onmouseover=new Function("show('"+div+"','"+arr[i]+"')");
}
}
}
function show(div,controlID)
{
var obj=document.getElementById(controlID);
var t=document.getElementById(div);
t.style.zIndex=11;
//t.style.z-Index=2;
t.style.display="block";
t.style.position="absolute";
//div显示的位置
t.style.top=obj.offsetTop+20;
t.style.left=obj.offsetLeft;
//div显示长度.宽度
t.width="20";
t.height="50";
}
//关闭div
function hidden(div)
{
var t=document.getElementById(div);
if(t!=null)
{
t.style.display="none";
}
}
</script>
</head>
<body onload="dynamicDiv('s','div1')">
<input type="text" id="z" value="123" name="z"/><br>
<input type="text" id="z1" value="321" name="z1"/>
<div name="div1" id="div1" style="display:none;background-color :red;">
<input type="text" id="123" name="123" value="dddddd"/>
<a href="#" onclick="hidden('div1')" >关闭</a>
asldfjsk
</div>
</body>
</html>
分享到：
相关推荐
本主题将深入探讨如何使用jQuery实现一个可拖动并可固定在页面上的浮动DIV元素。 首先，让我们理解“浮动DIV”。在HTML中，浮动（float）属性常用于布局，使元素可以向左或向右移动，以便其他内容可以环绕它。在CSS...
当一个 div 设置为浮动后，它会尽可能地向页面的左或右侧移动，直到它的外边缘碰到包含它的边框或者其他浮动元素的外边缘。这样，我们可以创建一个在页面两侧显示的广告栏。 例如，如果我们想要在左侧创建一个浮动...
在网页设计中，浮动窗口是一种常见的广告或交互元素呈现方式，它可以随着用户滚动页面而保持在屏幕的特定位置，提供持续的视觉效果或功能。在给出的文档中，提到了三种类型的浮动窗口：左栏浮动广告、右栏浮动广告...
2. **固定高度与宽度**：为了让`div`在上下拉动滚动条时保持固定，我们需要设定它的高度，确保它能覆盖整个页面或指定区域。同样，设置适当的宽度以适应内容。 ```css div { width: 200px; /* 自定义宽度 */ ...
标题中的“jquery浮动层，跳转到页面指定链接”指的是使用jQuery库来创建一个浮动的层（通常称为弹出窗口或对话框），该层能够帮助用户实现页面内部或外部的链接跳转。jQuery是一个强大的JavaScript库，它简化了HTML...
JavaScript中的浮动div是一种常见的网页设计技术，用于创建如购物车提示、消息通知等元素，使其始终显示在用户屏幕的特定位置，即使用户滚动页面也是如此。这个功能在许多现代网站上被广泛采用，提供了与用户的实时...
在网页设计中，浮动层定位是一项重要的技术，它允许元素在页面上保持固定的位置，即使用户滚动页面，这些元素也会始终可见。"页面浮动层定位"通常用于创建导航菜单、侧边栏、广告或者提示框等，以提供更好的用户体验...
当一个元素的父级元素内有浮动元素，而父级元素没有指定高度时，可能会导致父级元素高度塌陷，即父级元素无法完全包含其内部的浮动子元素。为了解决这个问题，我们可以使用`clear`属性，或者在父元素上添加伪类（如`...
在网页设计中，"div+js浮动广告"是一种常见的实现方式，它利用HTML的`<div>`元素结合JavaScript脚本来创建动态的、跟随用户滚动的广告展示。这种广告形式能够吸引用户的注意力，提高广告的曝光率，同时不会过于干扰...
CSS通过定义样式规则，控制HTML元素的外观、布局和结构，而div作为一个通用的容器元素，常用于组织和划分页面内容。 首先，我们需要了解div的基本概念。在HTML中，div（division）标签用于创建一个块级元素，它可以...
Div元素，全称为“division”，在HTML中扮演着容器的角色，可以用来组织和结构化页面内容。通过CSS，我们可以对div进行定位、设置样式，实现复杂的网页布局和分层效果。 一、Div的基本使用 1. 创建Div：在HTML中，...
这段代码将使得指定的元素浮动到右侧。 然而，浮动元素可能会导致父元素的塌陷，也就是父元素的高度无法自动包含浮动子元素。为了解决这个问题，你可以使用clearfix类或者jQuery来清除浮动。在 jQuery 中，可以这样...
在网页设计中，Div（Division）层是一种基本的布局元素，用于组织和定位网页内容。"漂亮div层 精美div层"这个标题和描述暗示我们关注的是如何利用Div来创建美观、高效的网页布局。下面我们将深入探讨Div层的重要性和...
- **定位**：为了使元素浮动，我们需要使用CSS的`position`属性。可以将其设置为`fixed`，这将使元素相对于浏览器窗口而不是其父元素定位。 - **位置**：使用`top`和`right`（或`bottom`和`left`）属性调整元素在...
}` 设置`dv1`元素左浮动，并指定其宽度为280px。 #### `position` - **`position`**：定位属性，用于确定元素的位置，包括`static`, `relative`, `absolute`, `fixed` 和 `sticky`。 - 示例：`#left { position: ...
在网页设计中，有时我们需要创建一种效果，使某些元素（如广告栏、导航菜单或提示信息）在用户滚动页面时始终保持可见，这种效果通常被称为“浮动层”或“固定定位”。本文将详细介绍如何使用jQuery实现div浮动层...
在网页设计中，"简洁实用的左侧浮动代码"是一种常见的布局技术，主要用于实现侧边栏或者浮动元素（如客服按钮）始终保持在用户视野范围内，即使页面内容向下滚动。这种效果通常通过CSS（层叠样式表）来实现，尤其是...
固定定位允许元素相对于浏览器窗口进行定位，无论页面如何滚动，该元素都会保持在固定位置。 **语法**： ```css element { position: fixed; top: 50px; right: 100px; } ``` **示例**： ```html <!DOCTYPE ...
通过设置元素的`float`属性为`left`或`right`，元素会脱离正常流并沿着指定方向浮动，其他元素会围绕它排列。 6. **Flexbox布局**：弹性盒模型（Flexbox）是现代CSS布局的一个重要工具，适用于单一维度的布局（如行...