帝国cms焦点图怎么制作,好用的焦点图源代码,帝国cms焦点图代码修改 ...

发布者:给自己的歌 2022-4-11 20:29

帝国cms焦点图怎么制作,好用的焦点图源代码,帝国cms焦点图代码修改


帝国cms真的不错,用起来很方便,很多朋友咨询怎么更换帝国层面上的焦点图,因为原版的焦点图实在是难看,效果也不好,今天小编分享一个制作好的现成帝国cms焦点图源代码,直接可以安装到你的网站使用。上传效果图。

怎么制作的呢?小编直接上传源代码

你只需要上传css文件  js文件  和制作标签模板就可以用万能标签任意调用。

标签模板页面模板内容

[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]

标签模板列表内容模板内容

<li data-thumb="[!--titlepic--]" style="height:250px;"> <a href="[!--titleurl--]"><img src="[!--titlepic--]"></a><p>[!--title--]</p></li>     

html原始代码 

<!DOCTYPE html>

<html>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<head>

<link rel="stylesheet" href="http://www.wenzhaihui.com/xiazai/jiaodiantu/css/flexslider.css">

<script src="http://www.wenzhaihui.com/xiazai/jiaodiantu/js/jquery-1.8.2.min.js"></script>

<script src="http://www.wenzhaihui.com/xiazai/jiaodiantu/js/jquery.flexslider.js"></script>

</head>

<body>

<div> 

  

  <!-- Slider -->

  <div>

    <div>

      <div>

        <div class="span10 offset1">

          <div>

            <ul>

              [ecmsinfo]0,4,32,1,3,36,0,'','newstime DESC'[/ecmsinfo]

            </ul>

          </div>

        </div>

      </div>

    </div>

  </div>

</div>

</body>

</html>

效果演示:http://www.wenzhaihui.com/xiazai/jiaodiantu.html

源代码打包下载包含css文件,js文件

修改大小直接修改css135行,.neidid{ width:300px;} 宽度即可。

来源:http://www,wenzhaihui.com/

为你推荐