用CSS样式实现显示隐藏层

css|显示

　　此方法不用JavaScript，代码少、简单，显示的层自动在链接处

　　以下代码加入页面中，鼠标悬浮于链接“1234567890”上时，层内容“11111111”显示，鼠标离开时层恢复隐藏状态。

<a href="####" style="color:blue" >
1234567890</a>

<div id="Layer1" style="position:absolute; width:300px; height:100px; z-index:1; background-color: #CCFFFF; layer-background-color: #CCFFFF; border: 1px none #000000; visibility: hidden">11111111</div>

时间： 2024-10-04 10:14:13

用CSS样式实现显示隐藏层的相关文章

jquery人们问题导航菜单及显示隐藏层

用jquery实现显示隐藏层,和用jquery实现导航样式非常简单的几句代码,免去了用js写一大串的垃圾代码. //下面是导航样式的$("a[title='nav']").click(function(){           for(i=0;i<$("a[title='nav']").size();i++)            {                if($(this).attr("id")!=$("a[title

js 兼容多浏览器的显示隐藏层

js 兼容多浏览器的显示隐藏层 <html xmlns="http://www.111cn.net/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js 兼容多浏览器的显示隐藏层</title> <script language=&qu

jQuery显示隐藏层插件实例登录框的演示

<!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" xml:lang="en" lang="en">

检测IE版本--&amp;amp;gt;比较IE版本--&amp;amp;gt;大于8不显示隐藏层则小于8显示隐藏层

问题描述 检测IE版本-->比较IE版本-->大于8不显示隐藏层则小于8显示隐藏层 检测IE版本-->比较IE版本-->大于8不显示隐藏层则小于8显示隐藏层 解决方案 用useragent去判断.

鼠标滑过事件-鼠标滑过显示隐藏层，做出来了可以，其他页面没作用？？？？为什么？？？？

问题描述 鼠标滑过显示隐藏层,做出来了可以,其他页面没作用????为什么???? 在下图手机APP上做了一个鼠标滑过就显示一个层(可操作得框),可是为什么网站的部分页面就是没效果(网站的个人中心,和购物付款时),求解???? 解决方案 手机app哪有鼠标,点击弹出 解决方案二: 把HTML代码贴出来嘛 解决方案三: 在网站的个人中心,和购物付款这两个页面时,与手机app相关的dom元素是不是发生了变化?

js显示隐藏层实例代码

<!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-

认识CSS样式clip: 认识隐藏页面元素

在页面上,我们经常会用到radio, 比如性别:男,女,保密. 但我们不喜欢默认的radio样式!我们会用其他的来替代. 我最初的做法是, 用label显示,设置radio为隐藏! (即display:none;) 当我点击label的时候,同时触发radio的click事件. 即: ($是jquery) $(".label1").click(function(){ $(".radio1").click();         // 其他代码更改样式,让label显示

Dreamweaver MX 2004 行为之显示/隐藏层

dreamweaver|显示 · 显示-隐藏层 "显示-隐藏层"动作显示.隐藏或恢复一个或多个层的默认可见性.此动作用于在用户与页进行交互时显示信息."显示-隐藏层"还可用于创建预先载入层,即一个最初挡住页的内容的较大的层,在所有页组件都完成载入后该层即消失(可做一个广告效果,记得在新浪见过这样的广告). "显示-隐藏层"动作,具体操作: 选择"插入"-->>"布局对象"-->>&q

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

这是一个Q&A的页面,设计师希望能够点击相关的问题后,在它下方显示对应的答案.这是一个比较常见功能,通常的解决办法是把"答案"当作整个问题容器的子元素,然后点击父元素上的按钮后展开对应的子元素.通过父子元素的对应关系来匹配标题和答案. 但是当初写html的时候并没有考虑到脚本编写(需求是后加的),所以,答案和标题没有父子关系可以对应. html代码如下. 所以,这里需要用到另一种方法来匹配答案和标题.我们可以通过捕捉元素的位置来匹配它们.也就是说第一条标题,对应的肯定是整个序列