DEDE列表调用多个列表内容-JS实现，单联动JS实现方法无需更改内核文件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<link href="/css/style.css" type="text/css" rel="stylesheet">
<link href="/css/lightbox.css" type="text/css" rel="stylesheet">
<script src="/js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/js/jquery.mixitup.min.js"></script><body>
<div class="container">
<div class="bgtitle pohot_m">
<h1>PHOTO</h1>
<h2>图片中心</h2>
</div>
<ul id="filters" class="clearfix">
<li><span class="filter active" data-filter=" photo49 photo47 photo48 photo50 photo51 ">All</span></li>
<li><span class="filter" data-filter="photo49">泫舞Family</span></li>
<li><span class="filter" data-filter="photo47">环境实景</span></li>
<li><span class="filter" data-filter="photo48">少儿专题</span></li>
<li><span class="filter" data-filter="photo50">泫舞Life</span></li>
<li><span class="filter" data-filter="photo51">商业演出</span></li>
<!--少儿专题（topics） 商业演出（biz show）环境实景（Real）-->
</ul>
<div id="portfoliolist">
{dede:arclist row='100' typeid='5'}
[field:typeid runphp='yes']
if(@me==40){
@me="<div class=\"portfolio photo49\" data-cat=\"photo49\">";
}
elseif(@me==41){
@me="<div class=\"portfolio photo47\" data-cat=\"photo47\">";
}
elseif(@me==42){
@me="<div class=\"portfolio photo48\" data-cat=\"photo48\">";
}
elseif(@me==43){
@me="<div class=\"portfolio photo50\" data-cat=\"photo50\">";
}
elseif(@me==44){
@me="<div class=\"portfolio photo51\" data-cat=\"photo51\">";
}
else{
@me="";
}
[/field:typeid]
<div class="pohotImg">
<a href="[field:litpic/]" class="show" data-lightbox="example-set" title="[field:title/]">
<span>
<span class="s_bg"></span>
</span>
</a>
<img src="[field:litpic/]" alt="[field:title/]" />
</div>
</div>
{/dede:arclist}
</div>
</div><!--/container-->
<div class="half-space"></div>
<div class="page">
</div>
<script type="text/javascript">
$(function(){
var filterList = {
init:function(){
// MixItUp plugin
$('#portfoliolist').mixitup({
targetSelector: '.portfolio',
filterSelector: '.filter',
effects: ['fade'],
easing: 'snap',
//call the hover effect
onMixEnd: filterList
//onMixEnd: filterList.hoverEffect()
});
}
};
// Run the show!
filterList.init();
});
</script>
</body>
</html>
|
CSS JS文件下载
转载请注明：DEDEcms» DEDE列表调用多个列表内容-JS实现，单联动JS实现方法无需更改内
标签：
