CSS实现鼠标滑动表现潜匿层结果

发布时间：2018-08-23 03:30:00 所属栏目：创业来源：站长网

导读：猛火网(LieHuo.Net)教程昨日有位伴侣向猛火网小编求教一个CSS的题目，着实也不是很难的，因为昨天事变太忙，就没有回覆他，本日早上来的早，跟MM聊了一下营业上事的，时刻有了，赶忙把昨天伴侣的工作办了，以免这小子说我重色轻友。哈哈，说主题，他的问

　　猛火网(LieHuo.Net)教程昨日有位伴侣向猛火网小编求教一个CSS的题目，着实也不是很难的，因为昨天事变太忙，就没有回覆他，本日早上来的早，跟MM聊了一下营业上事的，时刻有了，赶忙把昨天伴侣的工作办了，以免这小子说我重色轻友。哈哈，说主题，他的题目是——怎么用CSS来实现鼠标滑动表现潜匿层结果，下面直接看实例代码：

<!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>用CSS实现层鼠标滑动潜匿结果 - 猛火网 - 存眷站长,存眷互联网!</title> <meta name="description" content="猛火是环球中文互联网资讯与教程的提供者，多年来一向僵持为互联网成长提供动力，热情、起劲、向上、不绝进取是Liehuo.Net所倡导的风致！" /> <meta name="keywords" content="建站,站长,建站资讯,中国站长,网站建树,网站开拓,网页僻静面计划,web尺度,小我私人网站,SEO,网站推广,HTML,CSS,xhtml,css,Dreamweaver,<b>Fireworks</b>,Flash,Asp,Php,Jsp,ASP.NET,iis,Apache,Photoshop,Access,MySQL,SQL server,<b>Java</b>Script" /> <meta http-equiv="X-UA-Compatible" content="IE=7"> <meta content="Copyright 2009 liehuo.net" name="copyright" /> <body> <table width="200" border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#99FFFF" onmouseover="document.all.Layer1.style.visibility='visible'" onmouseout="document.all.Layer1.style.visibility='hidden'"> 表现</td> <td bgcolor="#0066FF" onmouseover="document.all.Layer1.style.visibility='hidden'">潜匿</td> </tr> </table> <input type="button" name="button" id="button" value="按钮" onclick="document.all.Layer1.style.visibility='visible'" /> <p> </p> <div id="Layer1" style="visibility:hidden; width:400px; height:300px; background-color:#99CCFF;x"> </body> </html>
提醒：可修改儿女码再运行!

　　好了，终于写完了，这是偶参照网上一位伴侣的例子写的，各人一路进修一下，假若有哪个处所差池，接待提出意见哦。一会赶忙发给伴侣去。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

2021创业做什么好？低	香港虚拟主机，香港虚
《启航当风起时》起于	域名最网站至关重要如