純php打造的tab選項(xiàng)卡效果代碼(不用js)

更新時(shí)間：2010年12月29日 11:14:44 作者：

用php實(shí)現(xiàn)的tab選項(xiàng)卡效果，根據(jù)get判斷，獲取get生成css與對應(yīng)的內(nèi)容，當(dāng)然效率肯定沒有靜態(tài)的好，這里給出的思路與方法。

1.根據(jù)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.點(diǎn)擊的時(shí)候，就可以打開鏈接

復(fù)制代碼代碼如下:

 
<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'].'&nbsp;&nbsp; 
</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'].'&nbsp;&nbsp;</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>&nbsp;&nbsp;'; 
} 
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>&nbsp;&nbsp;'; 
} 
?> 
</div> 