2012-02-01 137 views
0

我有下面的ASP超級鏈接:更改ASP超鏈接文本圖像

<asp:HyperLink ID="a" runat="server" Text="return" NavigateUrl="https://google.com/"></asp:HyperLink>

我要的是,當用戶切換到另一個頁面,而不是本文的形象應該顯示出來。 有沒有什麼辦法可以使用css改變文本到圖像?或jQuery的?或者是否有任何.net函數可以做到這一點?

回答

0

使用基於ASP的IMAGEURL屬性:超鏈接

<asp:HyperLink ID="myHyperlink" runat="server" 
        ImageUrl="imageLocation.png" Text="return"   
        NavigateUrl="https://google.com/"> 
    </asp:HyperLink> 

編輯:您能給的超級鏈接特定的ID和目標是這將是圖像和使用.toggle()來刪除它,然後第一個孩子用.html()添加你想要的文本。

jQuery中:

$(document).ready(function(){ 
    $("#<%= myHyperlink.ClientID%>").children(":first").toggle(); 
    $("#<%= myHyperlink.ClientID%>").html("This is text"); 
}); 

認爲,應該工作。對不起之前沒有正確閱讀。

+0

但我將如何改變圖像與CSS在下一頁?? – NoviceMe 2012-02-01 19:24:43

0

CSS(圖像假設你希望它16X16px)

.showtext{color:#000;} 
.showimage{background-image:url(/my/image.jpg); width:16px; height:16px;} 

您在您的代碼隱藏的超級鏈接控制和填充它基於頁面。也許類似。

if(Request.ServerVariables["SCRIPT_NAME"]=="/mypage.aspx") 
{ 
    hyperlink1.Text="Return"; 
    hyperlink1.CssClass="showtext"; 
} 
else 
{ 
    hyperlink1.Text=" "; 
    hyperlink1.CssClass="showimage"; 
}