3-5中如何通過鼠標懸停 來實現(xiàn)隱藏和現(xiàn)實內(nèi)容
3-5中如何通過鼠標懸停 來實現(xiàn)隱藏和現(xiàn)實內(nèi)容 是用hover么 要該怎么結(jié)合使用 謝謝啦！
linkbb
2016-05-01
1 回答
舉報
0/150
提交
取消
2016-05-01
通過更改display標簽以及onmuose和onmouseout事件實現(xiàn)，具體操作：
<!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">
? ? <head>
? ? ? ? <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
? ? ? ? <title>test13</title>
? ? ? ? <script type="text/javascript">
? ? ? ? ? ? window.onload = function(){
? ? ? ? ? ? ? ? var a = document.getElementById("hover");
? ? ? ? ? ? ? ? var t = document.getElementById("text");
? ? ? ? ? ? ? ? ? ? a.onmouseover = function(){
? ? ? ? ? ? ? ? ? ? ? ? ? ? t.style.display = "none"; ? ? ? ? ? ?
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? ?a.onmouseout = function(){
? ? ? ? ? ? ? ? ? ? ? ? ? ? t.style.display = "block"; ? ? ? ? ??
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? </script>
? ? </head>
? ? <body>
? ? ? ??
? ? ? ? <a href="#" id="hover">hover</a>
? ? ? ??
? ? ? ? <p id="text" style="display: block">隱藏這段文字</p>
? ? </body>
</html>