怎樣在a標簽上加點擊事件,實現頁面跳轉,並在目標頁面內顯示出某個隱藏的div?


 
target偽類實現下面效果,缺點只有IE9及以上支持
怎樣在a標簽上加點擊事件,實現頁面跳轉,並在目標頁面內顯示出某個隱藏的div?
target偽類.zip
主頁面:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>target偽類</title>
</head>
<body>
<a href="./1.html#div1" target="_blank" >div1</a>
<a href="./1.html#div2" target="_blank" >div2</a>
<a href="./1.html#div3" target="_blank" >div3</a>
</body>
</html>
目標頁面:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>目標頁面</title>
<style>
div{width:300px;height:200px;background:#000; font:50px/200px "微軟雅黑"; color:#fff; text-align:center; display:none;}
div:target{ display:block;background:red;}
</style>
</head>
<body>
<a href="./1.html#div1">div1</a>
<a href="./1.html#div2">div2</a>
<a href="./1.html#div3">div3</a>
<div id="div1" >div11111</div>
<div id="div2" >div2--222--</div>
<div id="div3" >div3--333--</div>
</body>
</html>
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM