dedecms的图片轮换

最新推荐文章于 2022-11-18 16:45:18 发布

kry1012911

最新推荐文章于 2022-11-18 16:45:18 发布

阅读量757

点赞数

本文链接：https://blog.csdn.net/kry1012911/article/details/80557918

版权

思路

在dedecms中引进js和css要用{dede:global.cfg_templets_skin/}引入文件用{dede:include filename="head.htm"/}。当你点图片的时候会到那一篇文章中。他用到的是dede:arclist里面的field:arcurl。

代码

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>{dede:global.cfg_webname/}</title>
	<link href="{dede:global.cfg_templets_skin/}/style/cms.css" rel="stylesheet" media="screen" type="text/css" />
	<link href="{dede:global.cfg_templets_skin/}/style/css.css" rel="stylesheet" media="screen" type="text/css" />
	<link href="{dede:global.cfg_templets_skin/}/style/index.vsb.css" rel="stylesheet" media="screen" type="text/css" />
	<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/jquery.pack.js"></script>
	<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/jQuery.blockUI.js"></script>
	<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/jquery.SuperSlide.js"></script>
	<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/vsbscreen.min.js" id="_vsbscreen" devices="pc|mobile|pad"></script>
	<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/counter.js"></script>
	<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/openlink.js"></script>

</head>
<body>
	{dede:include filename="head.htm"/}
	<div id="main">
		<div id="slideBox" class ="slideBox">
	     	<div class="hd">
		       <ul>
		        <li>1</li>
		        <li>2</li>
		        <li>3</li>
		        <li>4</li>
		      </ul>
	        </div>
	        <div class="bd">
		       	<div class="tempWrap" style="overflow:hidden; position:relative;width:440px">
		       		<ul style="width:1760px;position:relative;overflow:hidden;padding:0px;margin:0px;left:0px">
		       		{dede:arclist typeid="56" titlelen="300"}
		       			<li style="float:left;width=440px;">
		       				<a href="[field:arcurl/]">
		       					<img src="[field:litpic/]" width="435" height="300" style="border:2px solid #004EA2">
		       					<p style="text-align:center;margin-top:10px;">[field:title/]</p>
		       				</a>
		       			</li>
		       		{/dede:arclist}
		       		</ul>
		       	</div>
	        </div>
     	</div>
     	<script>
			_showDynClickBatch(['dynclicks_u3_4105','dynclicks_u3_4078','dynclicks_u3_4071','dynclicks_u3_4069'],[4105,4078,4071,4069],"wbnews", 1422732669)
		</script>
		<script type="text/javascript">
			jQuery(".slideBox").slide( { mainCell:".bd ul",effect:"left",autoPlay:true} );
		</script>
		<script>
			_showDynClickBatch(['dynclicks_u5_4234','dynclicks_u5_4223','dynclicks_u5_4220','dynclicks_u5_4219','dynclicks_u5_4135','dynclicks_u5_4128','dynclicks_u5_4116','dynclicks_u5_4115','dynclicks_u5_4097'],[4234,4223,4220,4219,4135,4128,4116,4115,4097],"wbnews", 1422732669)
		</script>
	</div>
</body>
</html>

kry1012911

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
dedecms的图片轮换

思路在dedecms中引进js和css要用{dede:global.cfg_templets_skin/}引入文件用{dede:include filename="head.htm"/}。当你点图片的时候会到那一篇文章中。他用到的是dede:arclist里面的field:arcurl。代码&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&...
复制链接

扫一扫