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


Posted in PHP onDecember 29, 2010

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>
PHP 相关文章推荐
PHP 彩色文字实现代码
Jun 29 PHP
PHP文件读写操作之文件写入代码
Jan 13 PHP
PHP面向接口编程 耦合设计模式 简单范例
Mar 23 PHP
真正根据utf8编码的规律来进行截取字符串的函数(utf8版sub_str )
Oct 24 PHP
php curl 伪造IP来源的实例代码
Nov 01 PHP
四个PHP非常实用的功能
Sep 29 PHP
PHP框架Laravel插件Pagination实现自定义分页
Apr 22 PHP
PHP实现对二维数组某个键排序的方法
Sep 14 PHP
php curl上传、下载、https登陆实现代码
Jul 23 PHP
在云虚拟主机部署thinkphp5项目的步骤详解
Dec 21 PHP
PHP CURL实现模拟登陆并上传文件操作示例
Jan 02 PHP
PHP+ajax实现上传、删除、修改单张图片及后台处理逻辑操作详解
Feb 12 PHP
PHP的autoload自动加载机制使用说明
Dec 28 #PHP
php的ajax框架xajax入门与试用介绍
Dec 19 #PHP
几款免费开源的不用数据库的php的cms
Dec 19 #PHP
PHP操作XML作为数据库的类
Dec 19 #PHP
php中DOMDocument简单用法示例代码(XML创建、添加、删除、修改)
Dec 19 #PHP
PHP与MySQL开发的8个技巧小结
Dec 17 #PHP
hessian 在PHP中的使用介绍
Dec 13 #PHP
You might like
php提示undefined index的几种解决方法
2012/05/21 PHP
thinkphp中连接oracle时封装方法无法用的解决办法
2013/06/17 PHP
php查看当前Session的ID实例
2015/03/16 PHP
微信支付开发动态链接Native支付
2016/07/12 PHP
Thinkphp3.2.3分页使用实例解析
2016/07/28 PHP
php中html_entity_decode实现HTML实体转义
2018/06/13 PHP
禁止F5等快捷键的JS代码
2007/03/06 Javascript
JavaScript开发规范要求(规范化代码)
2010/08/16 Javascript
一个JQuery操作Table的代码分享
2012/03/30 Javascript
javascript:void(0)是什么意思示例介绍
2013/11/17 Javascript
Juery解决tablesorter中文排序和字符范围的方法
2015/05/06 Javascript
非常棒的jQuery图片轮播效果
2016/04/17 Javascript
简单实现js选项卡切换效果
2017/02/09 Javascript
vue与TypeScript集成配置最简教程(推荐)
2017/10/17 Javascript
前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来
2017/11/14 jQuery
node.js中路由,中间件,ge请求和post请求的参数详解
2017/12/26 Javascript
JavaScript判断对象和数组的两种方法
2019/05/31 Javascript
vue.config.js中配置Vue的路径别名的方法
2020/02/11 Javascript
用Python的Tornado框架结合memcached页面改善博客性能
2015/04/24 Python
Python的Django框架中的Context使用
2015/07/15 Python
详解Pytorch 使用Pytorch拟合多项式(多项式回归)
2018/05/24 Python
django组合搜索实现过程详解(附代码)
2019/08/06 Python
django-rest-swagger的优化使用方法
2019/08/29 Python
python爬虫开发之使用Python爬虫库requests多线程抓取猫眼电影TOP100实例
2020/03/10 Python
ubuntu 安装pyqt5和卸载pyQt5的方法
2020/03/24 Python
mac安装python3后使用pip和pip3的区别说明
2020/09/01 Python
html5 viewport使用方法示例详解
2013/12/02 HTML / CSS
5分钟实现Canvas鼠标跟随动画背景
2019/11/18 HTML / CSS
会议开场欢迎词
2014/01/15 职场文书
数控专业个人求职信范文
2014/02/05 职场文书
初中新生军训方案
2014/05/13 职场文书
科长竞聘演讲稿
2014/05/16 职场文书
医学生求职信
2014/07/01 职场文书
市场营销工作计划书
2014/09/15 职场文书
孔子观后感
2015/06/08 职场文书
Mysql8.0递归查询的简单用法示例
2021/08/04 MySQL