登陆      注册    找回密码   会员投稿 宽屏版 I 换肤 手机版 | 收藏本站   当前时间是: 
首页>技术文档>php学习>正文


jQuery实现帝国CMS多表搜索切换(搜索模板同时切换)

来源:互联网   作者:佚名   浏览:97次   发表时间:2023-1-13 21:00:43
【字体: 视力保护色:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>全站搜索</title>

<style type="text/css">

body{ background:#ffffff;color:#333333;font:12px/20px SimSun,Tahoma,Helvetica,Arial,sans-serif;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,p,img { padding: 0; margin: 0; }

img {border:0;}

ol,ul,li{ list-style: none; }

a{color:#272727;text-decoration:none; outline:none;}

a:hover {color:#005e9c; text-decoration:none; }

.fl{ float:left; }

.fr{ float:right; }

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.sousuo{ width:500px;margin: 120px auto 250px;}

.sousuo img{ margin: 0 0 30px 80px;}

.sousuo ul,.soujieguo ul{ width: 100%; clear: both;}

.sousuo ul li,.soujieguo ul li{cursor: pointer; float: left; color: #005e9c;width:70px; text-align: center; padding: 2px 5px;}

.sousuo ul li.on,.soujieguo ul li.on{ font-weight: bold; background: #0073c3; color:#fff;}

.sousuo .soutext,.soujieguo .soutext{ border: 1px solid #cbcbcb; height: 30px; width: 400px; vertical-align: middle;line-height:30px;font-size: 14px; }

.sousuo .sou,.soujieguo .sou{height: 32px; width: 80px; border: none; border-left: none; background: #0073c3; color: #fff;vertical-align: middle;}

.soufoot{ text-align: center;width: 960px; margin: 0 auto;}

.soufoot p.fl{float: none;}

.soujieguo { padding: 20px;}

.soujieguo dt{ line-height: 40px;}

.soujieguo dd{ margin: 10px 0;border-bottom: 1px dashed #cccccc; padding-bottom: 10px;}

.soujieguo  h2{ font-size: 14px; color: #005e9c;}

.soujieguo  h2 a{color: #005e9c;}

.soujieguo  h2 a:hover{text-decoration: underline;}

.soujieguo  p{ margin: 0;}

.soujieguo a{ color:#659B28; }

</style>

</head>

<body>

<!--主体开始-->

<div class="main clearfix">

<div class="sousuo">

<form name="searchform" method="post" action="/e/search/index.php">

<input type="hidden" name="tbname" id="biao" value="news">

<input type="hidden" name="show" value="title,smalltext,newstext">

<input type="hidden" name="tempid" id="tempid" value="1">

<ul>

<!-- 下面biao指的是数据表名,tempid是对应数据表名的搜索模板id  -->

<li biao="news" tempid="1" class="on">新闻搜索</li>

<li biao="download" tempid="2">下载搜索</li>

<li biao="photo" tempid="3">图片搜索</li>

<li biao="flash" tempid="4">flash搜索</li>

</ul>

<ul>

<input type="text" name="keyboard" value="" class="soutext" /><input type="submit" value="搜 索" class="sou">

</ul>

</form>

</div>

</div>

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

<script type="text/javascript">

$(".sousuo li").click(function(){

$(this).siblings().removeClass("on");

$(this).addClass("on");

var biao=$(this).attr("biao");

$("#biao").val(biao);

var tempid=$(this).attr("tempid");

$("#tempid").val(tempid);

});

</script>

</body>

</html>
 


董为坚个人网 https://www.dwjgrw.cn/ 【关闭窗口
注:转载或者复制本站文章,必须带上董为坚个人网链接。
部分文章来源于网络,如有侵权联系删除!
扫一扫在手机阅读

扫一扫 在手机阅读、分享本文


上一篇:用* 隐藏IP地址的最后几位
下一篇:帝国CMS php mysql查询最新数据

版权所有:《董为坚个人网
本文地址:https://www.dwjgrw.cn/Content/id/617.html   复制地址
本站内容除特别注明外,均为《董为坚个人网》原创,欢迎转载!转载请注明本文地址,谢谢!


  评论列表

暂无评论

  发表评论 [评论会通过邮件和短信的形式通知我,我会及时回复,一定回来看哦!!!]
昵称: [必填]
邮箱: [必填]
内容:

           

[必填]
验证码:   
                     
给我留言 申请友链Copyright © 2012- 董为坚个人网, All rights reserved 手机版
本站已正常运行3828天技术顾问:董为坚个人网 ( 桂ICP备15004478号-1 )
  今日更新:0篇, 最后更新:2023-11-30联系QQ1115030108,邮箱:1115030108@qq.com
今日访问IP:0,访问PV:0请勿发布违反中华人民共和国法律法规的言论.