怎么做这样的搜索求思路-ASP.NET教程-爱易网页

怎么做这样的搜索求思路

日期：2014-05-17　浏览次数：20493 次

如何做这样的搜索求思路
如图：

怎么实现点击后记录下文本颜色，而且点击其他后颜色又恢复？是用什么实现的？

搜索

------解决方案--------------------
换颜色仅仅是简单的css 类更改而已。

如果你连这个还不会，建议你先别模仿那么难的的功能。
------解决方案--------------------
用一个变量记录下，点击的时候判断并且修改对应的css伪类（比如建立两个伪类，colored和noncolored）。
------解决方案--------------------
很简单，写个css的class选择器，设置为color为橘黄色，单击时先将这一组内的超链接都设置为默认样式，再给这个被单击的超链接设置该class即可。
------解决方案--------------------
用jquery来实现对简单
jquery对dom的选择器和配合css开修改ui异常的简单
最简单的思路就是动态添加和移除css
给个参考



<!DOCTYPE HTML>

<html>

<head>



	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

	<!--定义一个聚焦的css样式-->

	<style type="text/css">

		.focus{background:#f00;color:#fff};

	</style>

	<script type="text/javascript">

		$(function(){

			$("a").click(function(){

				//先把原有的聚焦项的class的移除掉

				$(".focus").removeClass("focus");

				//再当前选项上加上css样式

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

			})

		})

		

	</script>



</head>

<body>

	<a href="#">item1</a>

	<a href="#">item2</a>

	<a href="#">item3</a>

	<a href="#">item4</a>

	<a href="#">item5</a>

	<a href="#">item6</a>

</body>

</html>

------解决方案--------------------
sql语句拼接呗：



String sqlStr="select * from table where 1=1";

 if(!string.IsNullOrEmpty("版型条件"))//如果为空则为不限，即sql不拼接

  {

    sqlStr+="and 版型字段=？";

  }

  if(!string.IsNullOrEmpty("款式条件"))

  {

    sqlStr+="and 款式字段=？";

  }

   if(!string.IsNullOrEmpty("季节条件"))

  {

    sqlStr+="and 季节字段=？";

  }

------解决方案--------------------
你是想实现的是这种功能的搜索功能吧！！至于你所得改变颜色只是通过简单的css进行控制的！！

这是我弄得网站上的一个例子，和你的要求应该是类似！！
下面是链接地址：
http://www.ycee.cn/school/index.aspx

实现思路是，每一个搜索条件都是一个链接，
<ul>
                                        <li style="border-left: none;"><a href="index.aspx?zyid=<%=zyid %>&classifyid=<%=classifyid %>&ds=91">
                                            北京市</a></li>
                                        <li><a href="index.aspx?zyid=<%=zyid %>&classifyid=<%=classifyid %>&ds=92">天津市</a></li>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

怎么做这样的搜索求思路

相关资料更多>

推荐阅读更多>