導航:首頁 > 萬維百科 > 網頁設計點擊超鏈接出現相應文字

網頁設計點擊超鏈接出現相應文字

發布時間:2020-09-11 13:47:12

1、Dreamweaver中超鏈接點擊後顯示超鏈接的文字改變

可以通過編程實現!這里通過cookies簡單實例,讓你參考一下!為了方便讓你看到效果,我直接把內容放到互聯網站供你訪問看效果,希望是你要的效果了!
--------------------------------------------------
這里是a.asp文件的相關代碼
--------------------------------------------------
<%
dim a
a=request.cookies("a")
if a="" then
response.write "<a href='b.asp'>未處理</a>"
else
response.write "<a href='c.asp'>已處理</a>"
response.write "<br><br><a href='c.asp'>恢復並重新看效果</a>"
end if
%>
--------------------------------------------------
這里是b.asp文件的相關代碼
--------------------------------------------------
<%
response.cookies("a")="已處理"
response.redirect "a.asp"
%>
--------------------------------------------------
這里是c.asp文件的相關代碼
--------------------------------------------------
<%
response.cookies("a")=""
response.redirect "a.asp"
%>
-----------------------------------------------------
好了,就是這樣了,應該是可以實現你想要看到的結果的,而一般這些的話可能你是看到了一些網站的評論里的吧,看到點頂一下就變成了其它了,這根據不同的方式可以多種實現的,例如可以根據你的IP地址點擊等!你到以下網址查看一下看是不是你想要的效果吧!
http://www.lele1988.cn/lilei51612/a.asp
如果還不懂,百度可以聯系下我!一般這個是對資料庫的操作,這里為了演示給你看用了cookies!你看下是不是你要的效果吧!

2、html中怎麼點擊超鏈接彈出消息?

<a href="#" onclick="javascript:alert('彈出消息')">超鏈接</a>
建議提問者查閱一些js的相關資料。
從下面的選項中
onclick="javascript:【alert('彈出信息')】"
將【】中的內容進行替換
警告框:alert('警告內容') 彈出信息框提醒用戶某些星系
輸入框:prompt('請輸入您的姓名','小花') 彈出一個框可供用戶輸入信息
確認框:confirm('您確定要離開頁面嗎?') 用戶選擇「否」,需要編碼者進行後續判斷

這些問題,你可以上一些技術網站,很容易查詢到。我一般上w3school 這個網站很不錯。

3、html 在一個超鏈接上面,滑鼠移動上去時,也顯示一串文字,如何實現

html中超鏈接使用「href標簽」上面的文字使用「title標簽」,使用方式如下:

<a href="超鏈接內容" target="點擊超鏈接的彈出方式" title="懸浮文字,就是你滑鼠放上去想要的內容">頁面上超鏈接的顯示</a>

示例如下:

=======================

<html>

<head>

<meta charset="UTF-8">

<title>Html的超鏈接懸浮文字</title>

</head>

<body>

<a href="http://.baidu.com/" target="_blank" title="轉至百度知道">我是一個超鏈接,滑鼠放上來能看到什麼?</a>

</body>

</html>

=========================

(3)網頁設計點擊超鏈接出現相應文字擴展資料:

超級鏈接在本質上屬於一個網頁的一部分,它是一種允許我們同其他網頁或站點之間進行連接的元素。各個網頁鏈接在一起後,才能真正構成一個網站。

超鏈接是指從一個網頁指向一個目標的連接關系,這個目標可以是另一個網頁,也可以是相同網頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個文件,甚至是一個應用程序。

4、網頁製作中,點擊超鏈接後,怎樣去掉超鏈接相應的下劃線

超鏈接下劃線的屬性: text-decoration:underline;
把「text-decoration:underline;」改成「text-decoration:none;」 就可以了

5、當點擊網站左側的超鏈接,相應的內容在右側的 div中顯示,怎樣能實現

<script src="http://libs.網路.com/jquery/1.9.0/jquery.js"></script>
<a href="javascript:;" id="link">鏈接</a>
<div id="show" style="border:1px #ccc solid;width:300px;height:100px;overflow-y:scroll;">......</div>
<script>
$(document).ready(function(){
    $("#link").click(function(){
        var content = $('#hidden').html();
        $('#show').html(content);
    });
});
</script>

6、點擊超鏈接 返回一個值 然後根據值 判斷 返回一串文字 根據文字 顯示網頁內容

這個目標使得文檔載入父窗口或者包含來超鏈接引用的框架的框架集。如果這個引用...個值都以下劃線開始。任何其他用一個下劃線作為開頭的窗口或者目標都會被瀏覽...

7、做網頁中點左邊的超鏈接 右邊上面顯示相應的標題

http://js.citk.net/List_1_17.html 098在線答疑可伸縮代碼
你可以修改一下,唯一的缺陷是只能在當前一個頁面顯示
我修改了一下,你可以參照一下
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Copyright" content="丁丁家園 http://www.citk.net/" />
<meta name="description" content="JS廣告特效,JS代碼,flash廣告代碼,JS源文件免費下載,網頁特效,特效代碼,文字特效,圖片特效" />
<meta content="丁丁家園 http://www.citk.net/" name="keywords" />
<title>在線答疑可伸縮代碼|丁丁家園廣告特效源文件</title>
</head>

<style type="text/css">
body{text-align:center;}
td {font-size: 12px;line-height:160%}
.dotline{background-image:url(images/dot_line.gif);background-repeat: repeat-x;background-position: bottom;}
</style>
</head>

<body>
<script language=JavaScript src="js/js.js"></script>
<table width="600" border="0" cellspacing="2" cellpadding="0">
<tr>
<td width="48" height="40" align="right" class="dotline"><img src="images/ico_q.gif" width="47" height="29"></td>
<td width="244" height="40" class="dotline"><a onClick=javascript:ShowFLT(1) href="javascript:void(null)">1.為什麼我在加入購物車的時候提示「數量已超過該物品庫存」?</a></td>
<td width="300" rowspan="5" class="dotline"><table width="300" cellspacing="0" cellpadding="0">
<tr id=LM1 style="DISPLAY: none">
<td height="30" align="right" bgcolor="#f5f9ed"><img src="images/ico_a.gif" width="14" height="14" hspace="5"></td>
<td height="30" colspan="2" bgcolor="#f5f9ed">這是因為您要購買的數量超過了我們目前倉庫中該物品的數量。比如說您想購物10件物品,而我們目前只有5件庫存,所以系統會出現該提示,並會把盡可能多的物品加入您的購物車。</td>
</tr>
</table>

<table width="300" cellspacing="0" cellpadding="0">
<tr id=LM2 style="DISPLAY: none">
<td height="30" align="right" bgcolor="#f5f9ed"><img src="images/ico_a.gif" width="14" height="14" hspace="5"></td>
<td height="30" colspan="2" bgcolor="#f5f9ed"><p>如果您是我們的會員,在您登錄的時候,會有一個下次自動登錄選項。如果您是在家或者辦公室上網的話,您可以選中它,這樣當您下次再來的時候,就不用再手工登錄了,會自動識別出您,並自動登錄。</p> </td>
</tr>
</table>

<table width="300" cellspacing="0" cellpadding="0">
<tr id=LM3 style="DISPLAY: none">
<td height="30" align="right" bgcolor="#f5f9ed"><img src="images/ico_a.gif" width="14" height="14" hspace="5"></td>
<td height="30" colspan="2" bgcolor="#f5f9ed">因為我們的定單較多,難免會出現多個顧客同時匯款的情況。加個尾數可以方便我們識別您的匯款,以減少不必要的麻煩,並第一時間給您發貨。如果有可能的話,我們還建議在您的匯款或者轉帳附言中寫明您的訂單號。當然,您在付款後及時的通知我們也是必不可少的。</td>
</tr>
</table>

<table width="300" cellspacing="0" cellpadding="0">
<tr id=LM4 style="DISPLAY: none">
<td height="30" align="right" bgcolor="#f5f9ed"><img src="images/ico_a.gif" width="14" height="14" hspace="5"></td>
<td height="30" colspan="2" bgcolor="#f5f9ed">簡單說來,TrackBack 被設計用來提供一種方法以實現網站之間的互相通告。利用這種簡單使用的方式,可以讓您實現主動推送(Push)一條相關信息加進產品頁面內。這樣,不僅使用戶在訪問我們的網站時得到的高價值信息量更多,更能使您的 Blog 吸引到與您志同道合的朋友。</td>
</tr>
</table>

<table width="300" cellspacing="0" cellpadding="0">
<tr id=LM5 style="DISPLAY: none">
<td height="30" align="right" bgcolor="#f5f9ed"><img src="images/ico_a.gif" width="14" height="14" hspace="5"></td>
<td height="30" colspan="2" bgcolor="#f5f9ed">作為一種協議和一項功能對其進行了實現,這是 TrackBack 的第一個實現。由於只有眾多的站點都支持TrackBack,它的真正價值才能得以體現,所以 TrackBack 從一開始就被設計為一個開放系統:一個其它的 blog 工具能很簡單地實現的開放系統。</td>
</tr>
</table></td>
</tr>
<tr>
<td height="40" align="right" class="dotline"><img src="images/ico_q.gif" width="47" height="29"></td>
<td height="40" class="dotline"><a onClick=javascript:ShowFLT(2) href="javascript:void(null)">2.「下次自動登錄」有什麼用?</a></td>
</tr>

<tr>
<td height="40" align="right" class="dotline"><img src="images/ico_q.gif" width="47" height="29"></td>
<td height="40" class="dotline"><a onClick=javascript:ShowFLT(3) href="javascript:void(null)">3.為什麼在付款的時候要「多加一個尾數」?</a></td>
</tr>

<tr>
<td height="40" align="right" class="dotline"><img src="images/ico_q.gif" width="47" height="29"></td>
<td height="40" class="dotline"><a onClick=javascript:ShowFLT(4) href="javascript:void(null)">4.什麼是TrackBack,對我而言有何意義?</a></td>
</tr>

<tr>
<td height="40" align="right" class="dotline"><img src="images/ico_q.gif" width="47" height="29"></td>
<td height="40" class="dotline"><a onClick=javascript:ShowFLT(5) href="javascript:void(null)">5.我的 Blog 是否也支持 Trackback?</a></td>
</tr>
</table>
<br><br>轉載請註明出處:<a href="http://www.citk.net/" target="_blank">丁丁家園</a>
<br><br>下載源文件請點擊:<a href="http://js.citk.net/jsdown/citkjs_098.rar" target="_blank">點我下載</a>
</body>
</html>

8、html製作,點擊文字超鏈接顯示文本框,再點擊文字超鏈接隱藏文本框

</head>
<body>
<script>
window.onload=function(){
document.getElementById('click').onclick=function(){

if (document.getElementById('text').style.display=='none'){
document.getElementById('text').style.display='block';
}else{
document.getElementById('text').style.display='none';
}
}
}

</script>
<a id='click' href='###'>文字超鏈接</a>
<input type='text' style='display:none;' id='text' />
</body>

9、JavaScript實現滑鼠懸停出現超鏈接文字,點擊進入其他頁面的代碼

效果你自己看吧,代碼拷貝了就能用,記得引用jq文件
給你寫了大概的功能,鏈接什麼的,你自己加上就行,懶得找圖片,直接用的背景色舉例吧
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>測試</title>
<script src="jquery.min.js"></script>
<style>
.bg{margin:20px auto;width:400px; height:400px;}
.half{width:50%; height:50%;float:left;color:white;}
.half ul{display:none;}
.blue{background:blue;}
.green{background:green;}
.red{background:red;}
.orange{background:orange;}
</style>
<script type="text/javascript">
$(function(){
$(".half").each(function(index,element){
$(this).hover(function(){
$(this).children().show();
},function(){
$(this).children().hide();
})
})
})
</script>
</head>
<body>
<div class='bg'>
<div class='half blue'>
<ul>
<li><a href=''>測試測試連接1</a></li>
<li>測試測試連接2</li>
</ul>
</div>
<div class='half green'>
<ul>
<li>測試測試連接1</li>
<li>測試測試連接2</li>
</ul>
</div>
<div class='half red'>
<ul>
<li>測試測試連接1</li>
<li>測試測試連接2</li>
</ul>
</div>
<div class='half orange'>
<ul>
<li>測試測試連接1</li>
<li>測試測試連接2</li>
</ul>
</div>
</div>
</body>
</html>

10、點擊超鏈接後選中相應文字

在主頁:
<a href="d.aspx#位置1">測試錨鏈接頁面3-1</a>
<a href="d.aspx#位置2">測試錨鏈接頁面3-2</a>
<a href="d.aspx#位置3">測試錨鏈接頁面3-3</a>
在d頁面:
<a name="位置1">位置1</a>
(A的詳細內容)
<a name="位置2">位置1</a>
(B的詳細內容)
<a name="位置3">位置1</a>
(C的詳細內容)

與網頁設計點擊超鏈接出現相應文字相關的知識