`

最简单的通用浮动 悬浮 DIV 层

IECSSJavaScriptXHTMLHTML 
阅读更多 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<style type="text/css">
body {
     margin:0; /* 必须 */
     border:0;
     height:100%; /* 必须 */
     overflow-y:auto;/* 必须 */
    }
#menu {display:block; top:10px; left:150px; width:130px; position:fixed;} /* IE并不认识fixed，而FF认识 */
* html #menu {position:absolute;} /* 这个只有IE认识 */

</style>
<!--[if IE 6]>
    <style type="text/css">
    /*<![CDATA[*/
html {overflow-x:auto; overflow-y:hidden;}
    /*]]>*/
    </style>
<![endif]-->
</head>

<body>
<div>
<ul style="list-style-type:decimal">
<script language=javascript>
for(i=0;i<500;i++) document.write('<li></li>');
</script></ul>
</div>
<div id="menu">
<img src="http://images.cnblogs.com/cnblogs_com/goodspeed/795/o_o_mylogo.gif" />
</div>
</body>
</html>
 
分享到：
| map操作耗时对比
评论
发表评论

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

相关推荐

    js鼠标浮动显示div

    在本案例中，"js鼠标浮动显示div"指的是当鼠标移动到特定的input元素上时，会显示出一个div层，该div层中包含有与input相关的附加信息或者功能。 首先，我们需要了解几个关键的概念： 1. **事件监听器**：...

    DIV滚动悬浮层(滚动条动，层不动)

    在网页设计中，"DIV滚动悬浮层"是一种常见的交互效果，它使得某个元素（通常是一个包含重要信息或功能的div）在用户滚动页面时始终保持在屏幕的特定位置，提供持续的可视性和可访问性。这种效果可以用于侧边栏菜单、...

    悬浮DIV层(javascript实现)

    当页面滚动条滚动到某个高度时,div开始悬浮,当页面滚动到底部时停止浮动,高度记录为最后的浮动高度.

    jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示

    jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示 jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示 jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示

    原生js制作简单的浮动div层拖动叠加效果

    在网页设计中，浮动div层（div elements with float property）常用于创建布局或者构建可交互的用户界面元素。原生JavaScript（不依赖于任何库如jQuery）制作的浮动div层拖动叠加效果，是一种增强用户体验的技术，...

    悬浮固定DIV悬浮固定DIV

    在网页设计中，"悬浮固定DIV"是一种常见的技术，它使得某个DIV元素在页面滚动时始终保持在屏幕的特定位置，如侧边栏导航、广告条或工具提示等。这种效果可以增强用户体验，使用户在浏览长页面时也能方便地访问或查看...

    div悬浮在canvas上

    &lt;div class="floating-div"&gt;悬浮的div&lt;/div&gt; &lt;canvas id="myCanvas"&gt;&lt;/canvas&gt; ``` 3. **JavaScript交互**： 如果需要在canvas上进行动态交互，比如点击canvas时检测是否与div重叠，或者让div跟随鼠标移动，...

    四个div优美实用的浮动层

    本资源提供了四个基于jQuery实现的`div`浮动层，这些浮动层不仅功能实用，而且设计优美，可以极大地提升用户体验。 1. **jQuery基础** jQuery是一个广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画...

    悬浮DIV弹出窗体实现登录

    1. **悬浮DIV**：在HTML中，`&lt;div&gt;`元素是一个通用容器，用于组合其他HTML元素。通过CSS的`position`属性，我们可以将`div`设置为浮动（例如`position: fixed`或`position: absolute`），使其不随页面滚动而移动，...

    漂亮的div浮动层

    漂亮的div浮动层

    javascript浮动div，可拖拽div,遮罩层(div和iframe实现)

    根据提供的文件信息，我们可以归纳出...通过以上知识点的介绍，我们可以了解到 JavaScript 结合 HTML 和 CSS 在实现浮动 Div、可拖拽 Div 以及遮罩层等方面的应用。这些技术不仅增强了网页的交互性，还提升了用户体验。

    磁悬浮DIV制作过程资料.rar

    要实现磁悬浮DIV，我们需要深入理解CSS的盒模型、定位、浮动以及过渡等概念。以下是一些关键知识点： 1. **盒模型**：CSS盒模型是理解元素尺寸计算的基础，包括内容区（content）、内边距（padding）、边框（border...

    js div浮动层拖拽效果代码

    在JavaScript编程中，实现`div`浮动层的拖拽效果是一项常见的需求，特别是在网页交互设计中。这个场景通常涉及到事件监听、元素定位以及鼠标坐标计算等技术。下面将详细讲解如何利用JavaScript实现这一功能。 首先...

    详细说明了div怎么在div上实现浮动的代码

    本文将深入探讨如何通过CSS样式实现`div`元素的浮动，以达到在另一个`div`上浮动的效果，同时我们也会提及在.NET环境中如何应用这些技术。 首先，让我们了解什么是浮动（Floating）。在CSS中，`float`属性主要用于...

    可移动的div层，简单通用

    标题“可移动的div层，简单通用”表明我们要讨论的是一个适用于多种情况、易于实现的解决方案，它允许用户通过鼠标拖动来改变div的位置。这个描述“通用可移动的div层，很简单，只需传个div的id就可以了”进一步指出...

    漂亮div层 精美div层

    - **浮动**：使用`float`属性可以使Div层在容器内浮动，常用于创建多列布局。 - **清除**：为了避免浮动元素的影响，使用`clear`属性来清除浮动，保持正常的布局流。 5. **Flexbox布局**： - 现代浏览器支持...

    仿CSDN鼠标移上去的显示DIV浮动层

    这种效果常见于文章列表、菜单栏或者按钮等元素，当用户将鼠标悬停在某个元素上时，会有一个浮动的DIV层显现，显示更详细的内容或操作选项。 首先，我们需要理解`DIV`元素在HTML中的角色。`&lt;div&gt;`是“Division”的...

    Jqure-div浮动层,固定浮动层,可以自定义初始位置的浮动层

    附带完整的例子,对js完全不会的人也可以轻松使用,只要把例子中的js引用语句复制过去(地址当然要重新设定),然后把函数 ... $("#compore").floatdiv({left:"10px",top:"100px"}); }); 中10px和100px改成想要的数字就ok

    js设置浮动div的特效

    在这个场景中，"js设置浮动div的特效"指的是使用JavaScript来操控浮动的`div`元素，以实现更复杂的视觉表现。 首先，我们需要理解CSS中的`div`和`float`属性。`div`是HTML中的一个通用容器元素，常用来组织页面结构...

    原生js div网页右下角浮动提示层可缩小和关闭浮动提示层

    这个“原生js div网页右下角浮动提示层可缩小和关闭浮动提示层”的项目，显然旨在解决这一问题。以下是关于这个主题的详细知识点： 1. **原生JavaScript**：原生JavaScript指的是不依赖任何库或框架，如jQuery或Vue...

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