純CSS實現雙擊鏈接跳轉功能

一般情況下，鏈接只需要鼠標點擊一下就打開網頁了，這下好了，用CSS可以把鏈接定義成雙擊才能打開鏈接，然后跳轉到指定的網址，是CSS2代碼，非CSS3/html5,有興趣的參考。

<!DOCTYPE html ><html><head><title>雙擊打開鏈接</title><meta http-equiv="Content-Type" content="text/html; charset=gbk" /><style type="text/css">.test3 span {	position: relative;}.test3 span a { 	position: relative;	z-index: 2; }.test3 span a:hover, .test3 span a:active { 	z-index: 4; }.test3 span input { 	background: transparent; 	border: 0; 	cursor: pointer; 	position: absolute; 	top: -1px; 	left: 0; 	width: 101%;	height: 301%;	z-index: 3; }.test3 span input:focus { 	background: transparent; 	border: 0; 	z-index: 1; }</style></head><body><div   id="rfbqjrs"   class="test3"><span><input type="text" value="?" readonly="true" />雙擊我</SPAN>
</div>
</div>
<div   id="addsstj"   class=page1>
<p align="center" class="pageLink"></p>
</div>

<div   id="adksweb"   class="fenxiang">

<div style="text-align:left">上一篇：<a href='/wen/2024/09-05/1556436.html'>CSS3使用計數器自動添加數字序號功能</a></div>
<br>
<div style="text-align:left">下一篇：<a href='/wen/2024/09-05/1556438.html'>CSS布局示例:畫梅花2撲克牌</a></div>
<br>
<script src=/d/js/acmsd/gao21.js></script>

</div>

<div   id="xeeelij"   class="pinglun">

<script>
		  function CheckPl(obj)
		  {
		  if(obj.saytext.value=="")
		  {
		  alert("您沒什么話要說嗎？");
		  obj.saytext.focus();
		  return false;
		  }
		  return true;
		  }
		  </script><form action="/e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="plpost">

學習交流