显示隐藏层

css 代码

<style>
   .shortinfo{
    position:absolute;
    width:200px;
    height:150px;
    z-index:1;
    border: 1px solid;
    border-color: Blue;
    background-color:#ffffff;
    padding: 5px;
    visibility: hidden;
   }
</style>

js 代码

<script type="text/javascript">
function show(nid){
   var Layer1 = document.getElementById("shortinfo"+nid);
   Layer1.style.visibility = 'visible';
}
function tohidden(nid){
   var Layer1 = document.getElementById("shortinfo"+nid);
   Layer1.style.visibility = 'hidden';
}
</script>

java 代码

<B
onmouseover="show(<%=tempnews.getNid() %>)"
onmouseout="tohidden(<%=tempnews.getNid() %>)">
<%=tempnews.getShortinfo().substring(0,6) %>
</B>
<div id="shortinfo<%=tempnews.getNid() %>" class="shortinfo">
<%=tempnews.getShortinfo() %>
</div>

分享到：

common-uploadfiles.1.2版本 | css+div布局一

• 2007-06-16 00:23
• 浏览 1032
• 评论(0)
• 查看更多

相关推荐

完美的鼠标放上去jquery显示隐藏层

在网页设计和开发中，交互性是提升用户体验的关键因素之一，而“完美的鼠标放上去jquery显示隐藏层”正是实现这种交互效果的一种技术手段。这个标题所指的是一种使用JavaScript库jQuery来实现在鼠标悬停（hover）时...

点击图片或文字显示隐藏层，带缓冲效果（动画效果）

本文将深入探讨“点击图片或文字显示隐藏层，带缓冲效果（动画效果）”这一主题，以及与之相关的“显示层”、“隐藏层”、“缓冲”和“动画”知识点。 首先，我们需要理解“显示层”和“隐藏层”的概念。在网页或...

当鼠标经过显示隐藏层asp环境源码

根据给定文件的信息，本文将围绕“当鼠标经过显示隐藏层ASP环境源码”这一主题进行深入探讨。本文将从CSS样式、JavaScript脚本以及HTML结构三个方面详细解析该功能的实现方式。 ### 一、CSS样式设计 在提供的代码...

显示隐藏层与弹出菜单JS

"显示隐藏层与弹出菜单JS"这个主题主要涉及到如何利用JavaScript来控制页面元素的可见性，以及创建弹出式菜单。这里我们将深入探讨这两个概念。 **显示隐藏层** 在网页设计中，隐藏层通常用于存储一些非初始显示但...

实现鼠标焦点显示隐藏层和表单的特效

CSS实现鼠标焦点显示隐藏层和表单的特效，一款简单的CSS特效代码，供新手学习

二级菜单,鼠标指向显示隐藏层

当鼠标移到另一个文字或图片时，前一个隐藏，显示当前层。可设置无限指向。 实现例子： 二级导航菜单、鼠标移动显示当前层内容，有的网站首页用此功能。 强烈抗意某用户。要的资源分高却不给功能。 所以小弟发布...

wincc画面图层的隐藏显示

图层可以理解为画面的多个叠加层，每层上可以放置不同的对象，如图表、按钮、文本等，通过控制图层的隐藏和显示，可以实现复杂动态的画面效果。 标题“wincc画面图层的隐藏显示”涉及到的关键知识点有： 1. **...

JAVASCRIPT 点击显示 隐藏层

点击显示/隐藏层 //code from www.jb51.net a{text-decoration:none;} .tab{border:1px solid #e57243;border-top:0;margin:10px 0;text-align:left;width:200px;font-size:14px;} .th{border-top:1px solid #e...

javascript显示隐藏层比较不错的方法分析

1. 显示隐藏层的实现方法： 在Web开发中，经常会遇到需要实现显示隐藏层（又称折叠层、弹出层）的需求，例如问题和答案(Q&A)页面中，点击问题时显示对应的答案，点击答案旁的关闭按钮则隐藏答案。在没有预先编写...

asp实现无刷新效果和类别显示隐藏

在ASP中实现无刷新效果和类别显示隐藏，主要是通过JavaScript、CSS以及服务器端的处理来达到目的。这种技术可以提高用户体验，因为在用户点击不同的分类时，页面无需完全重新加载，仅更新需要变化的部分。 首先，...

js实现的点击超链显示隐藏层

### JS实现点击超链接显示隐藏层的技术...通过本案例的学习，我们可以了解到JavaScript结合CSS可以轻松实现动态显示隐藏层的效果。此外，还可以进一步扩展功能，如添加更多交互效果或优化代码结构，使其更加灵活易用。

鼠标经过显示隐藏div

通过以上步骤，我们可以实现一个简单的鼠标悬停显示隐藏层的功能。这种效果不仅适用于展示商品详情、帮助提示等场景，还能提升用户体验。此外，还可以进一步优化代码，比如使用现代的JavaScript方法（如`...

层的显示隐藏

在网页设计和开发中，"层的显示隐藏"是一个核心概念，它涉及到JavaScript（简称JS）的DOM操作和动态效果的实现。层，通常被称为"div"元素，是HTML中的一个区块级容器，用于组织页面内容。通过JavaScript，我们可以...

利用jquery制作层的隐藏与显示

本教程将深入讲解如何利用jQuery来实现层（div元素）的隐藏与显示效果，这对于创建交互式的网页界面至关重要。 首先，我们需要引入jQuery库。在这个例子中，我们有两个JavaScript文件：`jquery.js`和`to.js`。`...

jQuery 支付宝隐藏层并给出提示功能的实现代码.zip

3. **显示隐藏层**：在点击事件处理函数内，我们可以使用`.show()`或`.fadeIn()`来显示隐藏的支付层。同时，可以添加提示信息，例如`$(".paymentLoader").html("正在处理支付，请稍候...").show()`。 4. **异步请求...

js 特效 html 特效 可显示隐藏的层

js 特效 html 特效 可显示隐藏的层 js 特效 html 特效 可显示隐藏的层

jqurey插件隐藏显示层

本文将深入探讨"jqurey插件隐藏显示层"这一主题，特别是`toggleElementS`插件的使用方法及其背后的原理。 首先，让我们了解`toggleElementS`插件的基本功能。正如标题所言，它是一个用于元素展开和隐藏的工具，适用...

dreamweaver怎么制作网页折叠菜单效果通过层的显示和隐藏来实现

最后，为了在鼠标移开单元格时隐藏层，再次添加“显示或隐藏层”行为，但这次选择“隐藏”，并将此行为与“当鼠标移开”事件关联。这样，当鼠标离开单元格时，层会自动隐藏。 同样的过程，对“相关软件”单元格进行...

js实现div层的显示与隐藏

使用js代码实现div层的显示与隐藏，主要是radio的属性。

js控制层隐藏和显示

在JavaScript中，控制层的隐藏和显示是网页交互性中的基本操作，广泛应用于各种功能，如弹出框、菜单、提示信息等。本主题主要涉及两种实现方式：点击事件触发和鼠标移动事件触发。 首先，我们来探讨点击事件触发的...