2012-02-01 118 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"; 
}