`
eastPoint
  • 浏览: 54294 次
  • 性别: Icon_minigender_1
  • 来自: 湖北武汉
社区版块
存档分类
最新评论

显示隐藏层

    博客分类:
  • css
阅读更多
css 代码
  1. <style>   
  2.    .shortinfo{   
  3.     position:absolute;   
  4.     width:200px;   
  5.     height:150px;   
  6.     z-index:1;   
  7.     border1px solid;   
  8.     border-color: Blue;   
  9.     background-color:#ffffff;   
  10.     padding5px;   
  11.     visibilityhidden;   
  12.    }   
  13. </style>   
js 代码
  1. <script type="text/javascript">   
  2. function show(nid){   
  3.    var Layer1 = document.getElementById("shortinfo"+nid);   
  4.    Layer1.style.visibility = 'visible';   
  5. }   
  6. function tohidden(nid){   
  7.    var Layer1 = document.getElementById("shortinfo"+nid);   
  8.    Layer1.style.visibility = 'hidden';   
  9. }   
  10. </script>  
java 代码
  1. <B    
  2. onmouseover="show(<%=tempnews.getNid() %>)"    
  3. onmouseout="tohidden(<%=tempnews.getNid() %>)">   
  4. <%=tempnews.getShortinfo().substring(0,6) %>   
  5. </B>   
  6. <div id="shortinfo<%=tempnews.getNid() %>" class="shortinfo">   
  7. <%=tempnews.getShortinfo() %>   
  8. </div>   
分享到:
评论

相关推荐

    完美的鼠标放上去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中,控制层的隐藏和显示是网页交互性中的基本操作,广泛应用于各种功能,如弹出框、菜单、提示信息等。本主题主要涉及两种实现方式:点击事件触发和鼠标移动事件触发。 首先,我们来探讨点击事件触发的...

Global site tag (gtag.js) - Google Analytics