<!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>无标题文档</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$("img").click(function(){
var zai=$("ul li:eq(1)").css("display");
if("none"==zai){
$("ul li:gt(0)").show(1000);
}else{
$("ul li:gt(0)").hide(1000);
}
});
})
</script>
<style type="text/css" >
ul,li{padding:0px; margin:0px;}
li{list-style:none;}
.list{
position:absolute;
background-color:#EAEAEA;
top:10px;
left:3px;
width: 137px;
}
.list li{height:24px; float:left; clear:both;}
</style>
</head>
<body>
<div style="position:relative; background-color:#000000; height:20px; ">
<ul class="list">
<li>我是ul的li的元素,我是ul的li的元素</li>
<li>我是ul的li的元素</li>
</ul>
</div>
<br/>
<br/>
<br/>
<br/>
</body>
</html>
分享到：
相关推荐
在这个名为"动画效果展开的浮动层代码"的资源中，开发者使用JavaScript实现了一种创新的浮动层展开动画。以下是关于这个浮动层实现的一些关键知识点： 1. **JavaScript基础**：JavaScript是一种广泛使用的客户端...
在网页开发中，创建一个兼容各种浏览器的可关闭浮动层是一项常见的需求，它可以在页面上显示重要的消息、提示或者广告，同时允许用户根据需要关闭它。这个“兼容各种浏览器的可关闭的浮动层”项目正是为了解决这个...
本示例中的“jquery div容器拖拽放大缩小浮动层代码”是一个利用jQuery实现的功能，允许用户对div元素进行拖动、缩放以及使其在页面上浮动。下面将详细介绍这一功能的实现原理和相关知识点。 1. **jQuery选择器**：...
这个浮动层示例展示了JavaScript对DOM操作、事件处理和浏览器兼容性的基础应用，这对于学习JavaScript的初学者来说是非常有价值的实际案例。通过理解并实践这样的代码，开发者可以进一步掌握动态网页设计中的交互和...
描述中提到的链接指向了iteye博客上的一篇文章，虽然具体内容没有给出，但可以推测该文章可能详细介绍了如何使用某种技术或方法来创建弹出浮动层，可能包括代码示例、步骤解析以及可能遇到的问题和解决方案。...
在实际应用中，开发者还需要考虑浮动层的性能优化和跨浏览器兼容性。例如，避免使用过多的JavaScript操作DOM，合理利用缓存，以及确保代码在不同的浏览器（如Chrome、Firefox、Safari、Edge等）上表现一致。 8. **...
本文将深入探讨如何使用jQuery实现一个兼容多种浏览器的弹出浮动层，同时具备可拖动和透明度调整功能。 首先，让我们从标题开始。"jQuery 弹出浮动层"指的是在网页上创建一个可以浮动且能在页面上任意位置显示的...
确保你的浮动窗口代码在各种浏览器（包括老版本的IE）上都能正常工作，可能需要引入一些polyfill或者使用兼容性良好的库。 5. **优化**： - **性能**：避免使用过于复杂的JavaScript或CSS，以减少页面加载时间。 ...
### 知识点详解：简单实用的浮动广告代码 #### 浮动广告概述 浮动广告是一种常见的网页元素，常用于网站推广、商品宣传或学校招生等场景。它能够在页面滚动时保持显示，增加用户注意到广告的概率。本次分享的代码...
【Sticky-js网站滚动左右固定浮动层代码】是一款利用JavaScript库Sticky-js实现的网页交互效果，当用户在浏览页面并向下滚动时，两侧的浮动层（如侧边栏导航或广告区域）会自动固定在屏幕顶部，确保始终可见，提供...
这个代码的核心在于其跨浏览器兼容性，确保在多种主流浏览器上都能正常运行，包括老版本的Internet Explorer（IE6、IE7、IE8）以及Firefox、Opera和Chrome。下面我们将深入探讨这些知识点。 首先，我们来了解**QQ...
标题中的“jQuery做浮动层/浮动广告/漂浮”指的是使用jQuery这个JavaScript库来实现页面上的元素（通常为广告）保持在用户滚动页面时始终可见的效果。这种技术常见于网页设计中，用来吸引用户的注意力或者提供重要的...
- 兼容性：确保代码在各种浏览器和设备上都能正常工作，包括移动设备。 - 动画效果：增加开启和关闭窗口的过渡动画，提升用户体验。 - 多客服支持：可以扩展为显示多个客服人员的QQ，让客户有更多选择。 - 自动...
CSS 实现浮动层跟随滚动条特效（兼容IE6） 在网页上实现浮动层跟随滚动条特效是非常常见的要求，特别是在网站广告展示时。实现这种特效有多种方法，本节将介绍两种比较成功的实现方法，它们都能完美兼容各大浏览器...
在本文中，我们将深入探讨如何使用jQuery来实现一个兼容各种浏览器的浮动层。浮动层，也称为固定定位元素，是一种常见的网页设计技术，它允许页面上的某个元素在用户滚动页面时始终保持在视口的特定位置。jQuery库为...
6. **延迟显示/隐藏**：为了提升用户体验，我们可以加入一定的延迟时间，比如使用`setTimeout`和`clearTimeout`，确保浮动层不会因为鼠标快速移动而频繁闪烁。 在压缩包中的`鼠标移动层.html`文件，应该包含了应用...
"纯CSS3鼠标点击图片叠加浮动层注释信息"这一主题涉及到的技术点主要包括CSS3的选择器、过渡效果、伪类以及相对定位等。 首先，我们需要理解CSS3中的选择器。选择器是CSS3中用来指定需要应用样式的HTML元素的方式。...
3. 分析JavaScript代码，学习图片轮换和弹出浮动层的实现逻辑。 在实际应用中，你可以根据自己的需求对这些代码进行修改和扩展，比如增加新的动画效果、优化图片加载策略、调整弹出层的样式等。同时，考虑到性能和...
确保代码兼容性，可能需要引入polyfill库，或者使用如jQuery等库提供的跨浏览器解决方案。 5. **响应式设计**： - 在移动设备上，考虑到屏幕尺寸的差异，浮动JS层可能需要调整其行为。可以使用媒体查询(`media ...
标题 "在IE6中浮动层遮盖不住select的方法" 指的是在使用Internet Explorer 6浏览器时，遇到的一个常见问题。在网页设计中，浮动层（通常通过CSS的`position: absolute`或`position: fixed`实现）常用于创建弹出窗口...