全文检索等鼠标滑上去（不用点击），里面提示文字要自动消失效果的实现。

最新推荐文章于 2023-10-09 02:43:21 发布

xmsb_bbs

最新推荐文章于 2023-10-09 02:43:21 发布

阅读量896

点赞数

分类专栏： Jsearch

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/u010205757/article/details/8796360

版权

Jsearch 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

解决方法：

为了解释清楚，这里提供两种展现形式，第二种实现标题所述效果。

第一种，左击提示文字消失（右击不起作用）的效果。

<table border="0" cellspacing="0" cellpadding="0" style="line-height: 20px">
    <form method="get" action="http://www.xxx.gov.cn/jsearch/index.jsp" target="_blank" name="qForm">
        <tbody>
            <tr>
                <td width="145"><input id="q" οnblur="if(this.value==""){this.value="请您输入关键字"}" οnclick="if(this.value=="请您输入关键字"){this.value="";this.focus();}" style="padding-left: 5px; width: 140px; color: #909090" name="q" value="请您输入关键字" type="text" /> <input type="hidden" name="pagemode" value="result" /><input type="hidden" name="style" value="1" /><input type="hidden" name="appid" value="1" /><input type="hidden" name="ck" value="0" /><input id="pos" type="hidden" name="pos" value="title,content" /><input type="hidden" name="colgroup" value="1,2,3,4,5" /></td>
                <td width="61"><input src="http://www.xxx.gov.cn/picture/0/101029152324256.gif" type="image" name="imageField" /></td>
            </tr>
        </tbody>
    </form>
</table>

第二种，即标题所说效果，鼠标滑过，里面提示文字消失效果。（该代码较全，下拉具有四个选项。最后一个是搜特定栏目，包括该栏目下的子栏目）

<SCRIPT language=javascript>
        function changeurl(id)
        {
              if (id=="znjs")
              {document.getElementById("znjs").style.display='block';
     document.getElementById("zqjs").style.display='none';
     document.getElementById("xxgk").style.display='none';
     document.getElementById("bsfw").style.display='none';
}
               if (id=="zqjs")
              {document.getElementById("znjs").style.display='none';
     document.getElementById("zqjs").style.display='block';
     document.getElementById("xxgk").style.display='none';
     document.getElementById("bsfw").style.display='none'; }
       if (id=="xxgk")
             {document.getElementById("znjs").style.display='none';
     document.getElementById("zqjs").style.display='none';
     document.getElementById("xxgk").style.display='block';
     document.getElementById("bsfw").style.display='none'; }
       if (id=="bsfw")
             {document.getElementById("znjs").style.display='none';
     document.getElementById("zqjs").style.display='none';
     document.getElementById("xxgk").style.display='none';
     document.getElementById("bsfw").style.display='block'; }
         }

</SCRIPT>
<script>function OnEnter( field ) { if( field.value == field.defaultValue ) { field.value = ""; } }function OnExit( field ) { if( field.value == "" ) { field.value = field.defaultValue; } }</script>

<div style="height:23px;width:100%;white-space:nowrap;overflow:hidden">
<table border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><select name="select" id="select" onChange="changeurl(this.options[this.selectedIndex].value);" style="height:23px;color:#616161;line-height:20px;">
<option value="znjs" selected="selected">站内检索</option>
<option value="zqjs">站群检索</option>
<option value="xxgk">信息公开</option>
<option value="bsfw">办事服务(某个栏目)</option>
</select></td>
<td valign="top">
<div id="znjs" style="display:block">
<form method="get" action="http://www.xxx.gov.cn/jsearch/index.jsp" target="_blank" name="qForm">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style=" padding-left:4px" nowrap><input id="search_field_@A" onMouseOut="this.blur(); OnExit(this)" onMouseOver="this.focus(); OnEnter(this)" style="border: #add6ff 1px solid;line-height:20px;height:19px;width:130px;padding-left:8px;color:#616161;font-size:12px;" name="q" value="请您输入检索关键字" type="text" />
                                    <INPUT type=hidden value='result' name='pagemode'/>
                                    <INPUT type=hidden value='1' name='appid'/>
                                    <INPUT type=hidden value='1' name='style'/>
                                    <INPUT type=hidden value='o' name='ck'/>
                                    <INPUT type=hidden value='1' name='webid'/>
                                    <input type="hidden" id="pos" name="pos" value="title,content"></td>
                      <td style="padding-left:5px"><input src="/picture/562/ycjy_12-18-top_05.jpg" type="image" name="imageField" width="49" height="23" /></td>
                      <td style="padding-left:4px"><a href="http://www.xxx.gov.cn/jsearch/index.jsp?pagemode=advsearch&appid=1&style=1" target="_blank"><img src="/picture/562/ycjy_12-18-top_07.jpg" alt="" width="70" height="23" border="0" /></a></td>
</tr>
</table>
</form>
</div>
<div id="zqjs" style="display:none">
<form method="get" action="http://www.xxx.gov.cn/jsearch/index.jsp" target="_blank" name="qForm">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style=" padding-left:4px" nowrap><input id="search_field_@A" onMouseOut="this.blur(); OnExit(this)" onMouseOver="this.focus(); OnEnter(this)" style="border: #add6ff 1px solid;line-height:20px;height:19px;width:130px;padding-left:8px;color:#616161;font-size:12px;" name="q" value="请您输入检索关键字" type="text" />
                                    <INPUT type=hidden value='result' name='pagemode'/>
                                    <INPUT type=hidden value='1' name='appid'/>
                                    <INPUT type=hidden value='1' name='style'/>
                                    <INPUT type=hidden value='o' name='ck'/>
                                    <INPUT type=hidden value='' name='webid'/>
                                    <input type="hidden" id="pos" name="pos" value="title,content"></td>
                      <td style="padding-left:5px"><input src="/picture/562/ycjy_12-18-top_05.jpg" type="image" name="imageField" width="49" height="23" /></td>
                      <td style="padding-left:4px"><a href="http://www.xxx.gov.cn/jsearch/index.jsp?pagemode=advsearch&appid=1&style=1" target="_blank"><img src="/picture/562/ycjy_12-18-top_07.jpg" alt="" width="70" height="23" border="0" /></a></td>
</tr>
</table>
</form>
</div>
<div id="xxgk" style="display:none">
<form method="get" action="http://www.xxx.gov.cn/jsearch/index.jsp" target="_blank" name="qForm">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style=" padding-left:4px" nowrap><input id="search_field_@A" onMouseOut="this.blur(); OnExit(this)" onMouseOver="this.focus(); OnEnter(this)" style="border: #add6ff 1px solid;line-height:20px;height:19px;width:130px;padding-left:8px;color:#616161;font-size:12px;" name="q" value="请您输入检索关键字" type="text" />
                                    <INPUT type=hidden value='result' name='pagemode'/>
                                    <INPUT type=hidden value='21' name='appid'/>
                                    <INPUT type=hidden value='41' name='style'/>
                                    <INPUT type=hidden value='o' name='ck'/>
                                    <INPUT type=hidden value='' name='webid'/>
                                    <input type="hidden" id="pos" name="pos" value="title,content"></td>
                      <td style="padding-left:5px"><input src="/picture/562/ycjy_12-18-top_05.jpg" type="image" name="imageField" width="49" height="23" /></td>
                      <td style="padding-left:4px"><a href="http://www.xxx.gov.cn/jsearch/index.jsp?pagemode=advsearch&appid=1&style=1" target="_blank"><img src="/picture/562/ycjy_12-18-top_07.jpg" alt="" width="70" height="23" border="0" /></a></td>
</tr>
</table>
</form>
</div>
<div id="bsfw" style="display:none">
<form method="get" action="http://www.xxx.gov.cn/jsearch/index.jsp" target="_blank" name="qForm">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style=" padding-left:4px" nowrap><input id="search_field_@A" onMouseOut="this.blur(); OnExit(this)" onMouseOver="this.focus(); OnEnter(this)" style="border: #add6ff 1px solid;line-height:20px;height:19px;width:130px;padding-left:8px;color:#616161;font-size:12px;" name="q" value="请您输入检索关键字" type="text" />
                                    <INPUT type=hidden value='result' name='pagemode'/>
                                    <INPUT type=hidden value='22' name='appid'/>
                                    <INPUT type=hidden value='22' name='style'/>
                                    <INPUT type=hidden value='o' name='ck'/>
                                    <input type="hidden" id="pos" name="pos" value="title,content">
         <input type="hidden" name="colgroup" value="1,2,3,4,5" /></td>
                      <td style="padding-left:5px"><input src="/picture/562/ycjy_12-18-top_05.jpg" type="image" name="imageField" width="49" height="23" /></td>
                      <td style="padding-left:4px"><a href="http://www.xxx.gov.cn/jsearch/index.jsp?pagemode=advsearch&appid=1&style=1" target="_blank"><img src="/picture/562/ycjy_12-18-top_07.jpg" alt="" width="70" height="23" border="0" /></a></td>
</tr>
</table>
</form>
</div>
</td>
</tr>
</table>
</div>

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
3
评论
全文检索等鼠标滑上去（不用点击），里面提示文字要自动消失效果的实现。

解决方法：为了解释清楚，这里提供两种展现形式，第二种实现标题所述效果。第一种，左击提示文字消失（右击不起作用）的效果。 http://www.xxx.gov.cn/jsearch/index.jsp" target="_blank" name="qForm"> <input id="q" onb
复制链接

扫一扫

专栏目录

评论 3

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。