纯php打造的tab选项卡效果代码(不用js) |
本文标签:tab,选项卡 1.根据get判断,获取get生成css 复制代码 代码如下: <style type="text/css"> <?php if(!isset($_GET[city_id])) { $city_id = 12; } else { $city_id = $_GET[city_id]; } echo .a.$city_id. { color:red; } ; for($i=12;$i<=16;$i++) { if($i != $city_id) { if ($i != 12 ) { echo .list.$i.{ background-image:url("image/style/bg.gif"); }; } else { echo .list.$i. { background-image:url("image/style/left_bg.gif"); } ; } } else { if($city_id != 12) { echo .list.$city_id. { background-image:url("image/style/on.gif"); } ; }else { echo .list.$city_id.{ background-image:url("image/style/recuit_title.gif"); }; } } } ?> </style> 2.点击的时候,就可以打开链接 复制代码 代码如下: <div class="recuit_title" > <ul id="recuit_li"> <li class="list12"><a class="a12" href="test.php?city_id=12">北京</a></li> <?php include_once ("config/db.inc.php"); $recuit_city_select = "select * from cdb_plugins_city where city_id in(13,14,15,16)"; $recuit_city_query = mysql_query ( $recuit_city_select ); while ( $recuit_city_row = mysql_fetch_assoc ( $recuit_city_query ) ) { $cid = $recuit_city_row[city_id]; echo <li class="list.$recuit_city_row[city_id]." ><a class="a.$recuit_city_row[city_id]." href="test.php?city_id= . $recuit_city_row [city_id] . "> . $recuit_city_row [city_name] . </a></li>; } ?> </ul> <span class="more_recuit_info"> <a href="../job.php?action=recuit_list&cid=12" onClick="parent.showWindow(recuit_list,this.href);return false;">更多招募信息</a> </span> </div> <div class="recuit_content"> <table width="100%"> <?php if(!$_GET[city_id]) { $recuit_content_select = "select * from cdb_plugins_recuit where city_id= 12 limit 0,8"; $recuit_content_query = mysql_query($recuit_content_select); while($recuit_content_row = mysql_fetch_assoc($recuit_content_query)) { echo <tr height="25"> <td> <a onclick="parent.showWindow(.\recuit_info\,.this.href.);return false;"." href="../job.php?action=recuit_info&recuit_id=.$recuit_content_row[recuit_id].">.$recuit_content_row[recuit_name].</a> </td> <td width="80" align="right" style="color:#0080ff;font-size:12px;"> .$recuit_content_row[username]. </td> </tr>; } } else { $recuit_content_select = "select * from cdb_plugins_recuit where city_id={$_GET[city_id]} limit 0,10"; $recuit_content_query = mysql_query($recuit_content_select); while($recuit_content_row = mysql_fetch_assoc($recuit_content_query)) { echo <tr> <td><a onclick="parent.showWindow(.\recuit_info\,.this.href.);return false;"." href="../job.php?action=recuit_info&recuit_id=.$recuit_content_row[recuit_id].">.$recuit_content_row[recuit_name].</a></td> <td width="80" align="right" style="color:#0080ff;font-size:12px;">.$recuit_content_row[username]. </td> </tr>; } } ?> </table> </div> <div class="recuit_footer"> <?php include_once ("../include/common.inc.php"); $recuit_query = mysql_query("select * from cdb_plugins_recuit_userinfo where uid=$discuz_uid"); $recuit_rows = mysql_fetch_assoc($recuit_query); if($recuit_rows[uid] == ) { echo <a href="../job.php?action=recuit" onclick="parent.showWindow(.\recuit\.,this.href);return false;"><img src="image/style/recuit_frm_input.gif" border="0" /></a> ; } else { echo <a href="../job.php?action=edit_recuit" onclick="parent.showWindow(.\edit_recuit\.,this.href);return false;"><img src="image/style/edit_recuit.gif" border="0"/><a> ; } ?> </div> |