动易滚动代码
【字体:
动易滚动代码
作者:admin    文章来源:本站原创    点击数:1811    更新时间:2013/11/6
动易2006系统首页添加滚动图片代码,包括横向、纵向、和一些特殊翻滚代码供大家学习参考,既然是调用图片显示,那么我们就要先了解有关首页调用图片频道图片函数标签的一些参数,个个参数:标签名:{$GetPicPhoto(参数列表)}
作 用:以图片形式显示图片(超级函数式标签)
参 数:
0 iChannelID ----频道ID,本频道内调用时为ChannelID
1 arrClassID ----栏目ID数组,0为所有栏目
2 IncludeChild ----是否包含子栏目,仅当arrClassID为单个栏目ID时才有效,True--包含子栏目,False-- 不包含
3 iSpecialID ---- 专题ID,0 为所有图片(含非专题图片),如果为大于0,则只显示相应
专题的图片,专题页面调用时为SpecialID
4 PhotoNum ----最多显示多少个图片
5 IsHot ----是否是热门图片
6 IsElite ----是否是推荐图片
7 DateNum ----日期范围,如果大于0,则只显示最近几天内更新的图片
8 OrderType ----排序方式,1----按图片ID降序,2----按图片ID升序,3----按更新时间降
序,4----按更新时间升序,5----按点击数降序,6----按点击数升序
9 ShowType ----显示方式。1为图片+标题+内容简介:上下排列;2为(图片+标题:上下排列)
+内容简介:左右排列,3 为图片+(标题+ 内容简介:上下排列):左右排列
10 ImgWidth ----图片宽度
11 ImgHeight ----图片高度
12 TitleLen ----标题最多字符数,一个汉字=两个英文字符。若为0,则不显示标题;若为-1,则显示完整标题
13 ContentLen ----内容最多字符数,一个汉字=两个英文字符。若为0,则不显示内容简介
14 ShowTips -----是否显示作者、更新时间、点击数等提示信息,True为显示,False为不显示
15 Cols ----每行的列数,超过此列数就换行
16 UrlType ---- 链接地址类型,0 为相对路径,1 为带网址的绝对路径。 下面是关于首页调用滚动图片的几种方法,请大家用记事本复制代码自行应用。
--------------------------------------------------------------------------------

一、首页图片横向滚动(向左)
用以下代码
<div id=demo style="OVERFLOW: hidden; WIDTH: 575px; HEIGHT: 120px">
<table cellPadding=0 align=left border=0 cellspace="0">
   <tr>
     <td id=demo11 vAlign=top>
      <!--{$GetPicPhoto(3,0,True,0,12,False,False,0,1,1,130,90,20,0,True,12)}--></td>
     <td id=demo12 vAlign=top></td>
   </tr>
</table>
</div>
<SCRIPT>
var speed=15
demo12.innerHTML=demo11.innerHTML
function Marquee11(){
if(demo12.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo11.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar1=setInterval(Marquee11,speed)
demo.onmouseover=function() {clearInterval(MyMar1)}
demo.onmouseout=function() {MyMar1=setInterval(Marquee11,speed)}
</SCRIPT>
替换动易原始首页模板最新图片代码中的<!--{$GetPicPhoto(3,0,true,0,4,false,false,0,1,1,130,90,20,0,true,4)}-->
部分
注意:
1、WIDTH: 575px; HEIGHT: 120px要根据你版面的宽度和高度而调整。
2、代码中{$GetPicPhoto(3,0,True,0,12,False,False,0,1,1,130,90,20,0,True,12)}的一些参数可参照以上图片调用
标签中的参数自行设定(我这里是显示12张)
--------------------------------------------------------------------------------

二、首页图片横向滚动(向右)
<div id=demo style=overflow:hidden;height:120;width:575;>
<table align=left cellpadding=0 cellspace=0 border=0>
<tr>
   <td id=demo1 valign=top><!--{$GetPicPhoto(3,0,True,0,12,False,False,0,1,1,130,90,20,0,True,12)}--></td>
   <td id=demo2 valign=top></td>
</tr>
</table>
</div>
<script>
    var speed=30
    demo2.innerHTML=demo1.innerHTML
    demo.scrollLeft=demo.scrollWidth
    function Marquee(){
     if(demo.scrollLeft<=0)
     demo.scrollLeft+=demo2.offsetWidth
     else{
     demo.scrollLeft--
     }
    }
    var MyMar=setInterval(Marquee, speed)
    demo.onmouseover=function() {clearInterval(MyMar)}
    demo.onmouseout=function() {MyMar=setInterval(Marquee, speed)}
</script>
--------------------------------------------------------------------------------

三、首页图片纵向滚动(向上)
<DIV id=rolllink style="OVERFLOW: hidden; WIDTH: 575px; HEIGHT: 120px">
<DIV id=rolllink1>
    <TABLE cellSpacing=5 width="100%">
      <tr>
       <td id=demo11 vAlign=top>
         <!--{$GetPicPhoto(3,0,true,0,12,false,false,0,1,1,130,90,20,0,true,4)}--></td>
       <td id=demo12 vAlign=top></td>
      </tr>
    </TABLE>
</DIV>
<DIV id=rolllink2></DIV>
</DIV>
<SCRIPT>
var rollspeed=40
rolllink2.innerHTML=rolllink1.innerHTML
function Marquee(){
if(rolllink2.offsetTop-rolllink.scrollTop<=0)
rolllink.scrollTop-=rolllink1.offsetHeight
else{
rolllink.scrollTop++
}
}
var MyMar=setInterval(Marquee,rollspeed)
rolllink.onmouseover=function() {clearInterval(MyMar)}
rolllink.onmouseout=function() {MyMar=setInterval(Marquee,rollspeed)}
</SCRIPT>
注:如果是调用其他频道的图片那就只用改变标签就行,另外滚动代码还可以用到频道的首页,方法请大家自己参照。
--------------------------------------------------------------------------------

四、首页图片(包括其他内容)切换特效效果代码,操作步骤:
一、添加CSS样式定义:
  进入后台依次打开“系统设置”->“网站风格管理”,修改网站风格,在里面添加以下的CSS样式定义:
/* 图文调用页面特效定义 */
.clsImg{filter: revealTrans(transition=4,duration=2); width: 750px; position: absolute; margin-top:-62px;}
.clsImgList{width:750px;}
注意:其中filter: revealTrans(transition=4,duration=2)定义了切换特效的内容,transition表示设置或检索转换所使
用的方式(4为向上擦除,共有23种切换效果参数),duration表示设置或检索转换完成所用的时间。position:
absolute;表示将对象从文档流中拖出。margin-top:-62px表示区块上缩进-62px,用以定位内容。
二、修改模板:
  依次打开“系统设置”->“网站通用模板页管理”,修改网站首页模板,在里面添加以下内容:
  1、在<body>中添加定义,
比如:<body leftmargin=0 topmargin=0 onmousemove='HideMenu()'>
  2、在需要显示切换特效的地方添加以下代码:
<div id='page1' onmouseover='setbFlag(false)' onmouseout='setbFlag(true)' style='VISIBILITY: visible' class='clsImg' >
<div class='clsImgList'>切换内容一</div>
</div>
<div id='page2' onmouseover='setbFlag(false)' onmouseout='setbFlag(true)' style='VISIBILITY: hidden' class='clsImg'>
<div class='clsImgList'>切换内容二</div>
</div>     
<script language="javascript">
<!--
        var tmpDiv1 = document.getElementById("page1");
        var tmpDiv2 = document.getElementById("page2");
        var bFlag = true;
        var bShowDiv = true;
       
        function playPage()
        {
                if(bFlag)
                {
                        if(bShowDiv)
                        {
                                nextPage(tmpDiv1, true);
                                nextPage(tmpDiv2, false);
                        }
                        else
                        {
                                nextPage(tmpDiv1, false);
                                nextPage(tmpDiv2, true);
                        }
                        setTimeout('playPage()',5000);
                }
                else
                {
                        setTimeout('playPage()',1000);
                }
                bShowDiv = !bShowDiv;
                return;
        }
        function setbFlag(b)
        {
                bFlag = b;
                return;
        }
        function nextPage(whichDiv, bShowDiv){
                if(whichDiv != null)
                {
                        //whichDiv.filters.revealTrans.Transition=Math.floor(Math.random()*23);
                        whichDiv.filters.revealTrans.apply();
                         if(bShowDiv)
                         {
                                 whichDiv.style.visibility = 'hidden';
                         }
                         else
                         {
                                 whichDiv.style.visibility = 'visible';
                         }
                        whichDiv.filters.revealTrans.play()
                }
                return;
        }
//-->
</script>
注意:把红色的“切换内容一”和“切换内容二”换成你想要调用显示内容的有关标签。
版权信息:本文来源于4567软件园 , 网址:http://www.4567.cn

文章录入:admin    责任编辑:admin 
枣强县董子学校网站
枣强县董子学校 版权所有,未经授权禁止复制或镜像 后台登陆
枣强县董子学校主办 网站备案编号:冀ICP备11008566号
建议使用IE6.0及以上版本 在1024*768及以上分辨率下浏览
回到顶部