<link href="__STATIC__/images/template/title/img_001/style.css" rel="stylesheet" type="text/css" />
<div class="qb_img_001">
<?php if(is_array($__LIST__) || $__LIST__ instanceof \think\Collection || $__LIST__ instanceof \think\Paginator): $i = 0; $__LIST__ = $__LIST__;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$rs): $mod = ($i % 2 );++$i;?>
	<ul>
		<ol><a href="<?php echo $rs['url']; ?>" target="_blank"><img onerror="this.src='__STATIC__/images/nopic.png'" src="<?php echo $rs['picurl']; ?>"></a></ol>
		<li>
			<h3><a href="<?php echo $rs['url']; ?>" target="_blank"><?php echo $rs['title']; ?></a></h3>
			<p><?php echo get_word($rs['content'],$cleng>10?:200); ?></p>
			<div><?php echo $rs['time']; ?> · <?php echo $rs['view']; ?>次浏览</div>
		</li>
	</ul>
<?php endforeach; endif; else: echo "" ;endif; ?>
</div> 
<script type="text/javascript">
$(window).resize(function () {          //当浏览器大小变化时
   qb_img_001(); 		
});
$(function(){ 
	qb_img_001();
});
function qb_img_001(){
	$('.qb_img_001').each(function(){
		$(this).find('ul').removeAttr('class');
		var thisObjW=$(this).width();
		if(thisObjW>1200){
			$(this).find('ul').addClass('type1');
		}else if(thisObjW<1200 && thisObjW>801){
			$(this).find('ul').addClass('type2');
		}else if(thisObjW<800 && thisObjW>501){
			$(this).find('ul').addClass('type3');
		}else if(thisObjW<500 && thisObjW>351){
			$(this).find('ul').addClass('type4');
		}else{
			$(this).find('ul').addClass('type5');
		}
	});
}
$('.qb_img_001 img').hover(
	function(){$(this).animate({"max-width":"150%","max-height":"150%"},300);},
	function(){$(this).animate({"max-width":"98%","max-height":"96%"},300);}
);
</script>