用javascript实现水印的效果

最新推荐文章于 2025-07-06 01:09:32 发布

原创最新推荐文章于 2025-07-06 01:09:32 发布 · 1.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#水印

.NET程序同时被 2 个专栏收录

72 篇文章

订阅专栏

JavaScript & CSS

25 篇文章

订阅专栏

本文介绍了一种在不支持AjaxControlToolkit的.NET 2.0环境下，利用JavaScript实现输入框提示与搜索功能的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function clickRunCode() {
    if (document.getElementById("<%=txt_Keywords.ClientID %>").value == '请输入关键字') {
        document.getElementById("<%=txt_Keywords.ClientID %>").value = '';
        document.getElementById("<%=txt_Keywords.ClientID %>").style["color"] = "black";
    }
}
function blurRunCode() {
    if (document.getElementById("<%=txt_Keywords.ClientID %>").value == '') {
        clickZoom();
    }
}
function clickZoom() {
    document.getElementById("<%=txt_Keywords.ClientID %>").value = '请输入关键字';
    document.getElementById("<%=txt_Keywords.ClientID %>").style["color"] = "gray";
}

<div class="menucolor" style="width: 457px; height: 30px; padding-left: 5px; padding-top: 4px;">
    <div style="float: left">
        <img src="Resources/images/button_zoom.png" style="width: 26px; height: 26px; cursor: pointer;"
            alt="" onclick="clickZoom()" /></div>
    <div style="float: left">
        <input type="text" id="txt_Keywords" runat="server" style="width: 330px; height: 20px;
            vertical-align: middle;" onblur="blurRunCode()" onclick="clickRunCode()" /></div>
    <div style="float: left">
        <img src="Resources/images/button_search.png" style="width: 90px; height: 27px; cursor: pointer;"
            alt="" onclick="clickSearch();" /></div>
</div>

为什么想到用javascript去实现呢？其实以前我都用AjaxControlToolkit.dll这个三方控件去实现，可是现在公司开发规定只以用.net 2.0开发，而AjaxControlToolkit.dll这个控件只能在.net 3.5下运行，于是想出这个方法.