麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 網站 > 實用代碼 > 正文

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

2024-09-05 12:16:57

字體：大中小

來源：轉載

供稿：網友

一般情況下，鏈接只需要鼠標點擊一下就打開網頁了，這下好了，用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="70qarhlowxag"   class="test3"><span><input type="text" value="?" readonly="true" />雙擊我</SPAN>
</div>
</div>
<div   id="70qarhlowxag"   class=page1>
<p align="center" class="pageLink"></p>
</div>

<div   id="70qarhlowxag"   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="70qarhlowxag"   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">

<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0" class="title">
<tr>
<td><strong>發表評論</strong></td>
<td align="right"><a href="/e/pl/?classid=278&id=1556437">共有<span><script type="text/javascript" src="/e/public/ViewClick/?classid=278&id=1556437&down=2"></script></span>條評論</a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="10" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="2">
<tr>
<td width="56%" align="left">用戶名:
<input name="username" type="text" class="inputText" id="username" value="" size="16" /></td>
<td width="44%" align="left">密碼:
<input name="password" type="password" class="inputText" id="password" value="" size="16" /></td>
</tr>
<tr>
<td align="left">驗證碼:
<input name="key" type="text" class="inputText" size="10" />
<img src="/e/ShowKey/?v=pl" align="absmiddle" /> </td>
<td align="left"><input name="nomember" type="checkbox" id="nomember" value="1" checked="checked" />
匿名發表</td>
</tr>
</table>
<textarea name="saytext" cols="70" rows="6" id="saytext">

學習交流

如何查找有故障的配件

如何查找有故障的配件...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遺憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 媽媽：高考雖重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回應是否會直播帶貨：有人出100萬想和他合作！

2024-06-25 19:29:23

名校搶人名場面：清華、北大太拼了！

2024-06-25 19:22:14

男生高考語文滿分！網友：第一次聽說

2024-06-25 19:19:15

疑難解答

圖片精選

網友關注

主站蜘蛛池模板：麻豆视频在线观看 | 免费播放av | 91久久久久久| 久久久久久免费 | 国产在线1区 | 久久av喷吹av高潮av懂色 | 一夜新娘第三季免费观看 | av免费片 | 一级国产电影 | 中文字幕在线第二页 | 国产精品久久国产精麻豆96堂 | 欧美视频国产精品 | 精品一区二区久久久久久久网精 | 影视免费观看 | 91成人在线免费视频 | 在线播放黄色片 | 中国大陆一级毛片 | 日本视频免费看 | 毛片一级片 | 久久久久国产成人免费精品免费 | av在线等| 国产在线91 | 成人h精品动漫一区二区三区 | 成人一级视频在线观看 | 久久久久久久久久久国产精品 | 特级黄aaaaaaaaa毛片 | 免费啪视频在线观看 | 国产精品久久久久久婷婷天堂 | 国产亚洲精彩视频 | 欧美精品黄色 | 一级黄色毛片a | 久久久www成人免费精品 | 免费在线观看亚洲 | 毛片免费视频在线观看 | 中文字幕综合在线观看 | 国产毛片毛片 | 久久影院国产精品 | 亚洲成人黄色片 | 国产成人在线综合 | 青草视频在线观看视频 | 香蕉成人在线观看 |