服务器之家

服务器之家 > 正文

纯php打造的tab选项卡效果代码(不用js)

时间:2019-11-13 12:12     来源/作者:php教程网

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> 

标签:

相关文章

热门资讯

玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分
玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分 2019-06-21
男生常说24816是什么意思?女生说13579是什么意思?
男生常说24816是什么意思?女生说13579是什么意思? 2019-09-17
配置IIS网站web服务器的安全策略配置解决方案
配置IIS网站web服务器的安全策略配置解决方案 2019-05-23
Nginx服务器究竟是怎么执行PHP项目
Nginx服务器究竟是怎么执行PHP项目 2019-05-24
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情 2019-06-22
返回顶部