DEDEcms 里面有个自带的轮播图调用;

模版 ------> 广告管理  -------->  增加一个新广告   ----进入后的界面

填写后 点击  代码获取相应的JS调用代码:或者织梦CMS标签调用代码:  都可以

----------------------------------------天王盖地虎---------------------------------------------

上传图片需要  有 “  幻灯   滚动  图片  ”  这三个需要勾选  

文章内容无需在填写;

<table align="center" border="0" cellpadding="0" cellspacing="5" width="100%">  <tbody>
<tr valign="top">
<script type="text/javascript">
pic = new Array();
url = new Array();
title = new Array();
{dede:arclist flag='f' row='5'}
pic[[field:global.autoindex/]]="[field:litpic/]";
url[[field:global.autoindex/]]="[field:arcurl/]";
title[[field:global.autoindex/]]="[field:title/]";
{/dede:arclist}
var i=1
for (i=1;i<=pic.length-1;i++)
{
document.write("<td align=center><a title="+title[i]+" href="+url[i]+" target='_blank'><img class='pic' src="+pic[i]+" border=0 height=105 width=150></a></td>" );
}
</script> </tr>
</tbody> </table>
 
----------------------------------------------------------------------------------------------
 
 
<script type="text/javascript">
 
方法一:
/**
pic = new Array();
url = new Array();
title = new Array();
{dede:arclist flag='f' row='5'}
pic[[field:global.autoindex/]]="[field:litpic/]";
url[[field:global.autoindex/]]="[field:arcurl/]";
title[[field:global.autoindex/]]="[field:title/]";
{/dede:arclist}
var i=1;
var html='';
for (i=1;i<=pic.length-1;i++)
{ html+='<li><div class="img"><img src='+pic[i]+' height="450" width"960" alt="" /></div></li>' }
$('#cc').append(html)
*/
 
 
方法二:
pic = new Array();
url = new Array();
title = new Array();
{dede:arclist flag='f' row='5'}
pic[[field:global.autoindex/]]="[field:litpic/]";
url[[field:global.autoindex/]]="[field:arcurl/]";
title[[field:global.autoindex/]]="[field:title/]";
{/dede:arclist}
var i=1;
var Occ = document.getElementById('cc');
var html='';
for (i=1;i<=pic.length-1;i++)
{ html +='<li><div class="img"><img src='+pic[i]+' height="450" width"960" alt="" /></div></li>'; }
$('#cc').html(html)
</script>
 
轮播图的顺序:
 
TAG标签哪行最后用一个权重(数字越大越靠前) ;

dede轮播图的更多相关文章

  1. js 基础篇(点击事件轮播图的实现)

    轮播图在以后的应用中还是比较常见的,不需要多少行代码就能实现.但是在只掌握了js基础知识的情况下,怎么来用较少的而且逻辑又简单的方法来实现呢?下面来分析下几种不同的做法: 1.利用位移的方法来实现 首 ...

  2. 实现下来ScrollView放大轮播图

    创建工程,创建一个UIScrollView属性,并遵循其协议: #define kWidth self.view.frame.size.width//屏幕宽 #define kHeight self. ...

  3. ViewPager轮播图

    LoopViewPagerLayout无限轮播 项目地址:https://github.com/why168/LoopViewPagerLayout 支持三种动画: 支持修改轮播的速度: 支持修改滑动 ...

  4. CSS-用伪类制作小箭头(轮播图的左右切换btn)

    先上学习地址:http://www.htmleaf.com/Demo/201610234136.html 作者对轮播图左右按钮的处理方法一改往常,不是简单地用btn.prev+btn.next的图片代 ...

  5. phpcms首页实现轮播图

    1.在你想要加轮播图的位置加入以下 <div id="flowDiagram" > <div id="button"> <span ...

  6. React视角下的轮播图

    天猫购物网站最显眼的就是轮播图了.我在学习一样新js库,一个新框架或新的编程思想的时候,总是感叹"入门必做选项卡,进阶须撸轮播图."作为一个React组件,它是状态操控行为的典型, ...

  7. Jquery 轮播图简易框架

    =====================基本结构===================== <div class="carousel" style="width: ...

  8. 原生js焦点轮播图

    原生js焦点轮播图主要注意这几点: 1.前后按钮实现切换,同时注意辅助图2.中间的button随着前后按钮对应切换,同时按button也能跳转到相应的index3.间隔调用与无限轮播.4.注意在动画时 ...

  9. superSlider实现美女轮播图

    superSlider实现美女轮播图 <!DOCTYPE html><html lang="en"><head><meta charset ...

随机推荐

  1. oracle 数据库连接的四种方式

    Oracle Thin JDBC Driver驱动程序包名:ojdbc14.jar.ojdbc6.jar驱动程序类名: oracle.jdbc.driver.OracleDriverJDBC URL: ...

  2. Android开发者须知的几种APP加密方式--备

    作为一个Android开发者,不仅需要使自己的APP功能丰富,便于使用,同时也需要去完善APP的安全性,下面就介绍几种简单而又可靠的加密方法.1.Spongy Castle Spongy Castle ...

  3. 08 - 删除vtkDataObject中的SetWholeExtent() 方法 VTK 6.0 迁移

    VTK6 引入了许多不兼容的变.其中之一是删除vtkDataObject中所有有关管道的方法.其中之一就是SetWholeExtent().SetWholeExtent()方法先前被用来管理结构话数据 ...

  4. 转:struct sockaddr与struct sockaddr_in ,struct sockaddr_un的区别和联系

    在linux环境下,结构体struct sockaddr在/usr/include/linux/socket.h中定义,具体如下:typedef unsigned short sa_family_t; ...

  5. 转:AM335X 启动流程

    链接: http://blog.csdn.net/hudaweikevin/article/details/10376585  作者:David_Hu 启动顺序(针对TI OMA3 EVM) linu ...

  6. Visual Studio 2015 Owin+MVC+WebAPI+ODataV4+EntityFrawork+Identity+Oauth2.0+AngularJS 1.x 学习笔记之"坑"

    1.AngularJS route 与 MVC route http://www.cnblogs.com/usea/p/4211989.html public class SingleRoute : ...

  7. USB状态错误原因

    USBD_STATUS调试过USB的同学肯定见过BUS Hound里面给的各种错误提示,但是大家是否知道是什么意思呢? USBD_STATUS 出错原因,详解如下:   The USBD_STATUS ...

  8. Oracle extent

    extent 上的块 物理上绝对连续 多个连续的block组成一个extent 不连续怎么多块读? Oracle 给表分配的单位是extent 去做 全表扫描的时候 以块为单位,按照extent来读取 ...

  9. 谈B2B电商平台与大数据

    数据为王,服务为本——谈B2B电商平台与大数据 2013-06-27 11:10:41 作者:B2B行业资讯 标签:                             大数据           ...

  10. Storm流分组介绍

    Storm流分组介绍                流分组是拓扑定义的一部分,每个Bolt指定应该接收哪个流作为输入.流分组定义了流/元组如何在Bolt的任务之间进行分发.在设计拓扑的时候需要定义数据 ...