帝国cms首页模板展示终极栏目切换效果及显示栏目下文章
时间:2024年04月23日
/来源:网络
/编辑:佚名
代码:
<main>
<?php
/******参数配置开始******/
$classid = "1,2";
/******参数配置结束******/
$tabid = 1;
$classidObj=$empire->query("select classname,classid,sonclass,classpath from {$dbtbpre}enewsclass where classid in($classid) order by myorder,classid");
while($r=$empire->fetch($classidObj)){
$checked = $tabid==1?"checked":'';
$tab_list.= '<input id="tab'.$tabid.'" type="radio" name="tabs" '.$checked.'><label for="tab'.$tabid.'">'.$r[classname].'</label>';
$newObj = $empire->query("select * from {$dbtbpre}ecms_news where classid=$r[classid] order by `newstime` desc");
while($r2=$empire->fetch($newObj)){
$list.='<div class="index_bg3">
<div class="index_a index_bg3s">
<a href="'.$r2[downurl].'" class="la1 a1" target="_blank"><img src="/skin/zhan/images/btn_details.png" width="60%" height="60%"></a>
</div>
<div class="index_a index_bg2s">
<p id="text1">'.$r2[downurl].'</p>
<img class="la1 a1 js-copy" src="/skin/zhan/images/btn_copy.png" width="60%" height="60%">
</div>
<img src="'.$r2[titlepic].'">
</div>';
}
$session_list.='<section id="content'.$tabid.'">'.$list.'</section>';
$list='';
$tabid++;
}
?>
<?=$tab_list?>
<?=$session_list?>
<script type="text/javascript">
$('.js-copy').click(function(){
let This = $(this);
let text = This.siblings('p').text();
var input = document.getElementById("input");
input.value = text; // 修改文本框的内容
input.select(); // 选中文本
document.execCommand("copy"); // 执行浏览器复制命令
console.log(text)
alert("复制成功");
})
</script>
</main>
留空则显示全部分类
<main>
<?php
/******参数配置开始******/
//参数留空则调用全部
$classid = "";
/******参数配置结束******/
if(empty($classid)){
$where = "islast = 1";
}else{
$where = "classid in($classid)";
}
$tabid = 1;
$classidObj=$empire->query("select classname,classid,sonclass,classpath from {$dbtbpre}enewsclass where $where order by myorder,classid");
while($r=$empire->fetch($classidObj)){
$checked = $tabid==1?"checked":'';
$tab_list.= '<input id="tab'.$tabid.'" type="radio" name="tabs" '.$checked.'><label for="tab'.$tabid.'">'.$r[classname].'</label>';
$newObj = $empire->query("select * from {$dbtbpre}ecms_news where classid=$r[classid] order by `newstime` desc");
while($r2=$empire->fetch($newObj)){
$list.='<div class="index_bg3">
<div class="index_a index_bg3s">
<a href="'.$r2[downurl].'" class="la1 a1" target="_blank"><img src="/skin/zhan/images/btn_details.png" width="60%" height="60%"></a>
</div>
<div class="index_a index_bg2s">
<p id="text1">'.$r2[downurl].'</p>
<img class="la1 a1 js-copy" src="/skin/zhan/images/btn_copy.png" width="60%" height="60%">
</div>
<img src="'.$r2[titlepic].'">
</div>';
}
$session_list.='<section id="content'.$tabid.'">'.$list.'</section>';
$list='';
$tabid++;
}
?>
<?=$tab_list?>
<?=$session_list?>
<script type="text/javascript">
$('.js-copy').click(function(){
let This = $(this);
let text = This.siblings('p').text();
var input = document.getElementById("input");
input.value = text; // 修改文本框的内容
input.select(); // 选中文本
document.execCommand("copy"); // 执行浏览器复制命令
console.log(text)
alert("复制成功");
})
</script>
</main>
效果图:
演示地址:
http://yxx.78moban.com/
<main>
<?php
/******参数配置开始******/
$classid = "1,2";
/******参数配置结束******/
$tabid = 1;
$classidObj=$empire->query("select classname,classid,sonclass,classpath from {$dbtbpre}enewsclass where classid in($classid) order by myorder,classid");
while($r=$empire->fetch($classidObj)){
$checked = $tabid==1?"checked":'';
$tab_list.= '<input id="tab'.$tabid.'" type="radio" name="tabs" '.$checked.'><label for="tab'.$tabid.'">'.$r[classname].'</label>';
$newObj = $empire->query("select * from {$dbtbpre}ecms_news where classid=$r[classid] order by `newstime` desc");
while($r2=$empire->fetch($newObj)){
$list.='<div class="index_bg3">
<div class="index_a index_bg3s">
<a href="'.$r2[downurl].'" class="la1 a1" target="_blank"><img src="/skin/zhan/images/btn_details.png" width="60%" height="60%"></a>
</div>
<div class="index_a index_bg2s">
<p id="text1">'.$r2[downurl].'</p>
<img class="la1 a1 js-copy" src="/skin/zhan/images/btn_copy.png" width="60%" height="60%">
</div>
<img src="'.$r2[titlepic].'">
</div>';
}
$session_list.='<section id="content'.$tabid.'">'.$list.'</section>';
$list='';
$tabid++;
}
?>
<?=$tab_list?>
<?=$session_list?>
<script type="text/javascript">
$('.js-copy').click(function(){
let This = $(this);
let text = This.siblings('p').text();
var input = document.getElementById("input");
input.value = text; // 修改文本框的内容
input.select(); // 选中文本
document.execCommand("copy"); // 执行浏览器复制命令
console.log(text)
alert("复制成功");
})
</script>
</main>
留空则显示全部分类
<main>
<?php
/******参数配置开始******/
//参数留空则调用全部
$classid = "";
/******参数配置结束******/
if(empty($classid)){
$where = "islast = 1";
}else{
$where = "classid in($classid)";
}
$tabid = 1;
$classidObj=$empire->query("select classname,classid,sonclass,classpath from {$dbtbpre}enewsclass where $where order by myorder,classid");
while($r=$empire->fetch($classidObj)){
$checked = $tabid==1?"checked":'';
$tab_list.= '<input id="tab'.$tabid.'" type="radio" name="tabs" '.$checked.'><label for="tab'.$tabid.'">'.$r[classname].'</label>';
$newObj = $empire->query("select * from {$dbtbpre}ecms_news where classid=$r[classid] order by `newstime` desc");
while($r2=$empire->fetch($newObj)){
$list.='<div class="index_bg3">
<div class="index_a index_bg3s">
<a href="'.$r2[downurl].'" class="la1 a1" target="_blank"><img src="/skin/zhan/images/btn_details.png" width="60%" height="60%"></a>
</div>
<div class="index_a index_bg2s">
<p id="text1">'.$r2[downurl].'</p>
<img class="la1 a1 js-copy" src="/skin/zhan/images/btn_copy.png" width="60%" height="60%">
</div>
<img src="'.$r2[titlepic].'">
</div>';
}
$session_list.='<section id="content'.$tabid.'">'.$list.'</section>';
$list='';
$tabid++;
}
?>
<?=$tab_list?>
<?=$session_list?>
<script type="text/javascript">
$('.js-copy').click(function(){
let This = $(this);
let text = This.siblings('p').text();
var input = document.getElementById("input");
input.value = text; // 修改文本框的内容
input.select(); // 选中文本
document.execCommand("copy"); // 执行浏览器复制命令
console.log(text)
alert("复制成功");
})
</script>
</main>
效果图:
演示地址:
http://yxx.78moban.com/
新闻资讯 更多
- 【帝国cms教程】帝国cms首页模板展示终极栏目切换效果及显示栏目下文章04-23
- 【帝国cms教程】帝国cms页面css 完美解决图片变形问题04-23
- 【帝国cms教程】帝国cms中php获取当前时间农历日历代码04-23
- 【帝国cms教程】帝国cms内容页实现点击按钮后js随机跳转到一篇文章04-23
- 【帝国cms教程】帝国cms内容页调用某个字段php判断值为空没有填写就不显示04-23
- 【帝国cms教程】帝国CMS提示Table ‘XX.***_enewspubtemp_2’ doesn’t exist错误提示解决方法04-23
- 【帝国cms教程】帝国cms通过扩展变量调用栏目ID循环展示子栏目及子栏目下的文章信息04-23
- 【帝国cms教程】宝塔开启ssi (宝塔linux面板nginx开启ssi)04-23
热门文章
- 178Moban源码谈谈免费源码与收费源码的区别
- 2帝国CMS忘记后台登陆用户名、密码、认证码的解决方法
- 3帝国CMS(EmpireCMS) v7.5后台任意代码执行漏洞及具体修复方法
- 4帝国CMS和WordPress 哪个好?哪个适合建站?
- 5如何解决Discuz的密码错误次数过多请15分钟后登陆的问题
- 6帝国cms灵动标签取得内容和栏目链接地址
- 7emlog pro 注册码“开心”教程(如果有一天,emlog官方版 或者 emlog免费版 跑路了,那用户怎么办?)
- 8帝国cms后台登录出现”您还未登录”怎么解决?
- 9织梦CMS在nginx下设置伪静态方法(附nginx伪静态规则)
- 10帝国cms7.5忘记登录密码 和忘记登录认证码以及多次登录 失败被锁定解决办法