`
airpeng
  • 浏览: 14519 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
文章分类
社区版块
存档分类
最新评论

记录下WEB页面上鼠标经过时相应DIV显示与隐藏的思路

 
阅读更多
场景:鼠标移入TITLE,显示指写的DIV;鼠标移出TITLE并未移入指定的DIV,隐藏指定的DIV
对策:鼠标移入TITLE或DIV,显示DIV(并解除隐藏DIV的定时器);鼠标移出TITLE或DIV,设置定时器来隐藏DIV;
分享到:
评论
1 楼 binhaixieli04 2013-08-22  
没看懂,定时器???

相关推荐

    纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存

    在这个特定的主题中,“纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存”是指通过CSS实现的一种交互效果:当鼠标悬停在一个div上时,另一个关联的div会显示出来,同时其他无关的div保持隐藏状态。这种效果在创建导航...

    鼠标经过显示隐藏div

    ### 鼠标经过显示隐藏div - JavaScript与CSS结合实现 在Web开发中,通过JavaScript(简称JS)和CSS结合可以实现很多动态效果,其中“鼠标经过显示隐藏div”就是一个非常实用的功能。本文将详细解析如何利用这些技术...

    鼠标移动到div上显示制定信息或者div(自适应显示位置)

    现在,我们需要使用JavaScript(这里我们可以使用jQuery库,因为它简洁易懂)来监听"hover-div"的`mouseover`和`mouseout`事件,以便在鼠标进入和离开时显示和隐藏"info-div"。同时,我们还需要计算"info-div"的显示...

    js鼠标浮动显示div

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

    鼠标放上去显示div

    当我们想要在用户将鼠标悬停在某个元素上时显示额外的信息,我们可以利用CSS来隐藏这个div,然后通过JavaScript事件监听器在鼠标悬停事件触发时显示它。 首先,我们需要创建一个div,并将其样式设置为默认隐藏。在...

    JavaScript 动态隐藏、显示DIV 页面刷新后也不会改变隐藏状态

    使用JQUERY做的一个页面DIV动态隐藏 显示 点击+号图片后 DIV会自动隐藏 点击-号图片后 DIV会自动显示 隐藏的DIV区域内的控件值后台仍可以取得到,当页面刷新时,也不会改变隐藏区域的隐藏状态 使用JQUERY将页面状态...

    控制Div显示和隐藏

    本程序在网页中设计了Div层的显示和隐藏,代码简单、实用。

    Div显示与隐藏网页制作

    在"Div显示与隐藏网页制作"这个主题中,我们将探讨如何利用`Div`实现网页元素的动态显示和隐藏,这对于创建交互式和响应式的网页至关重要。 在网页设计中,有时我们需要根据用户的行为或者特定条件来控制某些内容的...

    鼠标悬停在按钮上弹出DIV层页面,鼠标离开后层消失jquery实例

    本文将深入探讨如何使用jQuery实现一个“鼠标悬停在按钮上弹出DIV层页面,鼠标离开后层消失”的功能,这通常被称为“浮动提示框”或“悬停弹窗”。这个功能在很多网站,如当当网,被广泛应用来展示更多的信息或者...

    JS 鼠标停留事件 递增减显示隐藏DIV(动画效果)

    纯js(兼容各浏览器),当鼠标停留在div上,动画递减隐藏DIV,鼠标离开时递增显示DIV,模拟出上线窗帘效果。

    onclick事件实现div的隐藏和显示

    在这个场景中,我们讨论的是如何利用 "onclick" 事件来控制 `div` 元素的隐藏和显示,这在构建动态网页时非常常见。 首先,我们需要了解 `div` 是HTML中的一个块级元素,通常用于组织页面布局。隐藏和显示 `div` ...

    ASPnet(C#)中的DIV的显示隐藏问题

    ### ASP.NET中DIV的显示与隐藏技巧 在ASP.NET Web应用程序开发中,用户界面的动态控制是一项非常重要的技能。特别是对于那些需要根据用户操作或某些条件来改变显示内容的应用程序来说,能够有效地显示或隐藏控件是...

    Div显示隐藏

    `.text` 是鼠标悬停时显示的文字,而 `.hidden-content` 是默认情况下隐藏的 `div`。 接下来,我们使用 CSS 来实现鼠标悬停时显示隐藏 `div` 的效果。我们可以通过修改 `display` 属性来控制 `hidden-content` 的...

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

    这意味着开发者可以根据需要创建多个隐藏层,并且它们可以与不同的元素关联,当鼠标移到这些元素上时,相应的隐藏层就会出现。这样的设计灵活性很高,适应各种网页布局和设计需求。 在实际应用中,开发者首先需要在...

    div显示隐藏效果

    例如,通过添加过渡动画,可以让`div`在显示或隐藏时有淡入淡出的效果,增强用户体验。 总之,`div`的显示隐藏效果是前端开发中的基本技巧,它涉及到HTML、CSS和JavaScript的综合运用。掌握这一技能可以帮助开发者...

    鼠标移到DIV上特效

    在网页设计中,"鼠标移到DIV上特效"是一种常见的交互设计技术,用于增强用户体验。它主要涉及JavaScript(JS)、HTML和CSS这三种核心技术。本文将详细介绍如何实现这一效果,并通过实例解析来帮助理解。 首先,HTML...

    网页设计div的显示和隐藏

    ### 网页设计中的div显示与隐藏技术详解 在网页设计中,div元素作为最基本的容器之一,被广泛应用于布局、样式控制等多个方面。而如何有效地控制div元素的显示与隐藏,则是实现交互式设计的重要手段之一。本文将...

    Jquery+div/css 鼠标经过内容切换实例

    在这个示例中,`.content-switcher` 是包含要切换内容的 `div` 类名,`.hidden-content` 是需要在鼠标经过时显示的子 `div` 类名。`$(this)` 代表当前被鼠标悬停的元素,`find()` 方法用于查找子元素。 为了实现更...

    jquery+鼠标经过显示全部内容离开隐藏部分内容

    根据给定的文件信息,我们可以总结出以下关于jQuery在网页设计中的应用以及如何利用鼠标事件显示和隐藏部分内容的关键知识点: ### 1. jQuery基础概念与功能 jQuery是一种快速、简洁的JavaScript库,它极大地简化...

    鼠标悬停某个标记时的DIV层显示

    这段代码会让ID为`divContainer`的`DIV`在鼠标悬停时显示,离开时隐藏。 接下来,我们引入Ajax。Ajax(异步JavaScript和XML)允许我们在不刷新整个页面的情况下,从服务器获取数据并更新部分页面内容。在这个场景...

Global site tag (gtag.js) - Google Analytics