ecshop的首页主广告轮播替换为js翻转效果,最模板方法二

 找到ecshop 程序,打开模板index_ad.lbi,输入或替换以下代码:

 

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

<!-- {if $index_ad eq 'sys'} -->

  <script type="text/javascript">

   var swf_width=725;

   var swf_height=300;

  </script>

  <script type="text/javascript" src="data/flashdata/{$flash_theme}/cycle_image.js"></script>

<!-- {elseif $index_ad eq 'cus'} -->

<?php

 

if(!function_exists("get_ads")){

function get_ads($num)

{

$sql = 'select * from '.$GLOBALS['ecs']->table('ad_custom').' ORDER BY add_time DESC';

 

  if ($num > 0)

  {

   $sql .= ' LIMIT ' . $num;

  }

  //echo $sql;

        

  $res = $GLOBALS['db']->getAll($sql);

  $ads = array();

  foreach ($res AS $idx => $row)

  {

 

   $ads[$idx]['ad_name']       = $row['ad_name'];

   $ads[$idx]['content']         = $row['content'];

   $ads[$idx]['url']        = $row['url'];

 

  }

  return $ads;

}

}

 

 $this->assign('my_ads',get_ads(9)); // 9代表会条数据

?>

  <!-- nav middle right ad box  div end -->

  <div class="nav_leftbox">

    <!-- nav left box menu div start -->

    <div class="nav_leftmenu">

  <!--{foreach from=$my_ads item=ads name=ad_num}-->

     <!-- {if $smarty.foreach.ad_num.iteration le 5}-->

    <span id="leftmenu_content{$smarty.foreach.ad_num.iteration}"<!-- {if $smarty.foreach.ad_num.iteration eq 1}--> style="display:block"<!-- {/if}-->><a href="{$ads.url}" target="_blank" title="{$ads.ad_name}"><img src="{$ads.content}" /></a></span> 

      <!-- {/if}-->

  <!--{/foreach}-->

      <div class="nav_lefttab">

  <!--{foreach from=$my_ads item=ads name=ad_num}-->

     <!-- {if $smarty.foreach.ad_num.iteration le 5}-->

      <a id="leftmenu_tab{$smarty.foreach.ad_num.iteration}"<!-- {if $smarty.foreach.ad_num.iteration eq 1}--> class="thisselected"<!-- {/if}--> href="{$ads.url}" target="_blank" οnmοuseοver="chooseLeftMenu({$smarty.foreach.ad_num.iteration})"><font color="white">{$ads.ad_name}</font></a>

      <!-- {/if}-->

  <!--{/foreach}-->

      </div>

    </div>

  </div>

  <!-- nav left box menu div end -->

<script>

function chooseLeftMenu(id){

    for (var i = 1; i <= 5; i++){

    if (i == id){

        $('leftmenu_tab'+i).className = 'thisselected';

        $('leftmenu_content'+i).fade('in');

        $('leftmenu_content'+i).style.display = 'block';

    }else{

        $('leftmenu_tab'+i).removeClass('thisselected');

        $('leftmenu_content'+i).fade('out');

        $('leftmenu_content'+i).style.display = 'none';

    }

}

}

</script>

  <div class="nav_middlebox">

    <!-- nav middle focus box  div start -->

    <div id="f_a" class="focusimg">

  <!--{foreach from=$my_ads item=ads name=ad_num}-->

     <!-- {if $smarty.foreach.ad_num.iteration ge 6}-->

      <!-- {if $smarty.foreach.ad_num.iteration eq 6}--><div style="display:block;"><!-- {else}--><div style="display:none;"><!-- {/if}--><a target="_blank" href="{$ads.url}"><img border="0" οnmοuseοut="setAuto();" οnmοuseοver="clearAuto();" src="{$ads.content}"/></a></div>

      <!-- {/if}-->

  <!--{/foreach}-->

      <div class="focusimg_number">

        <table cellspacing="1" cellpadding="0" border="0" align="right" id="num_tag" height="30">

          <tr>

<!--{foreach from=$my_ads item=ads name=ad_num}-->

 <!-- {if $smarty.foreach.ad_num.iteration ge 6}-->

    <!-- {if $smarty.foreach.ad_num.iteration eq 6}-->

       <td align="center" width="130" style="cursor:pointer;" οnmοuseοut="setAuto();" οnmοuseοver="clearAuto(0);" οnclick="Mea(0);" class="bigon">{$ads.ad_name}</td>

    <!-- {elseif $smarty.foreach.ad_num.iteration eq 7}-->

        <td align="center" width="130" style="cursor:pointer;" οnmοuseοut="setAuto();" οnmοuseοver="clearAuto(1);" οnclick="Mea(1);" class="bigoff">{$ads.ad_name}</td>

    <!-- {elseif $smarty.foreach.ad_num.iteration eq 8}-->

        <td align="center" width="130" style="cursor:pointer;" οnmοuseοut="setAuto();" οnmοuseοver="clearAuto(2);" οnclick="Mea(2);" class="bigoff">{$ads.ad_name}</td>

    <!-- {else}-->

        <td align="center" width="130" style="cursor:pointer;" οnmοuseοut="setAuto();" οnmοuseοver="clearAuto(3);" οnclick="Mea(3);" class="bigoff">{$ads.ad_name}</td>

    <!-- {/if}-->

  <!-- {/if}-->

<!--{/foreach}-->

          </tr>

        </table>

      </div>

    </div>

  </div>

  <!-- nav middle focus box  div end -->

<script type="text/javascript">var n=0;var t=4;var showNum=document.getElementById("num_tag"); function Mea(value){n=value;setBg(value);plays(value);} function setBg(value){for(var i=0;i<t;i++)if(value==i){showNum.getElementsByTagName("td")[i].className='bigon';}else{showNum.getElementsByTagName("td")[i].className='bigoff';}} function plays(value){try{with(f_a){children[value].getElementsByTagName("img")[0].filters[0].Apply();for(i=0;i<t;i++)i==value?children[i].style.display="block":children[i].style.display="none";children[value].getElementsByTagName("img")[0].filters[0].Play();}}catch(e){var divlist=document.getElementById("f_a").getElementsByTagName("div");for(i=0;i<t;i++){i==value?divlist[i].style.display="block":divlist[i].style.display="none";}}} function clearAuto(k){clearInterval(autoStart);if(k != null)Mea(k);}function setAuto(){autoStart=setInterval("auto(n)", 5000);}function auto(){n++;if(n>t-1)n=0;Mea(n);}function sub(){n--;if(n<0)n=t-1;Mea(n);} setAuto();</script>

<!-- {/if} -->

 

这里加了个函数 get_ads,调用后台自定义广告zuimoban_ad_custom表,具体长高度自行替换!最模板提供!

 

(责任编辑:最模板)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ecshop首页幻灯js版 参考 www.chinahongjiu.net 使用方法 1、将文件夹下载到 data/flashdata 中 2、修改admin文件夹中的flashplay.php 大约 870行添加 case 'Myjs';注意文件夹名称要一直,否则更新不了。这样就可以到后台调用了 样式自己调整 3、更新了js ,解决的部分bug,替换即可 var mylnk=""; var mytxt=""; var mypic=""; var s1="",s2="",s3=""; function show_flash() { mylnk=links.split("|"); mytxt=texts.split("|"); mypic=pics.split("|"); s1="",s2="",s3=""; cpn=mylnk.length; for(i=0;i<mylnk.length;i++) { s1+='<li id="Myop'+i+'" ></li>'; s2+='<li id="Myjs'+i+'" onmouseover="Myjsch(\'Myjs'+i+'\',\''+mypic[i]+'\')" onmouseout="Myjscl(\'Myjs'+i+'\')" ref="'+mypic[i]+'"><a href="'+unescape(mylnk[i])+'">'+mytxt[i]+'</a></li>'; } document.getElementById('flash_cycle_image').innerHTML = '<div class="i_topcenter">'+"\n"+'<div class="slides" >'+"\n"+'<a href="'+mylnk[0]+'" id="slide-a"><img id="slide-pic" src="'+mypic[0]+'"/></a>'+"\n"+'<ul class="slide-li" id="op">'+"\n"+s1+"\n"+'</ul><ul class="slide-li" id="slide-txt">'+"\n"+s2+'</ul>'+"\n"+'</div>'+"\n"+' </div>'; document.getElementById("Myjs0").style.background="#ff0000"; if(document.all)document.getElementById("slide-pic").filters[0].enabled=false; ss=""; timen=2000; cp=0; obj=document.getElementById("slide-pic"); cpn=document.getElementById("slide-txt").getElementsByTagName("li").length; ss= window.setInterval(function() { if(cp<cpn-1){cp++; } else{ cp=0 } if(document.all){ obj.filters.blendtrans.Apply(); obj.filters[0].enabled=false; obj.filters.blendtrans.Play(); } obj.src=document.getElementById("Myjs"+cp).getAttribute("ref"); for(j=0;j<cpn;j++){ if(j==cp){ document.getElementById("Myjs"+j).style.background="#ff0000"; document.getElementById("slide-a").href=unescape(mylnk[j]); } else { document.getElementById("Myjs"+j).style.background=""; } } },timen); //mystart(); } LoadCSS("data/flashdata/Myjs/mycss.css"); $importjs('data/flashdata/Myjs/data.js', show_flash); function Myjsch(sid,ref) { window.clearInterval(ss); if(document.all){ obj.filters.blendtrans.Apply(); obj.filters[0].enabled=false; obj.filters.blendtrans.Play(); } obj.src=ref; for(i=0;i<cpn;i++) { if("Myjs"+i==sid) { document.getElementById("Myjs"+i).style.background="#cc3333"; document.getElementById("slide-a").href=unescape(mylnk[i]); } else { document.getElementById("Myjs"+i).style.background=""; } } } function Myjscl(sid) { cp=sid.substring(4); ss= window.setInterval(function() { if(cp<cpn-1){cp++; } else{ cp=0 } if(document.all){ obj.filters.blendtrans.Apply(); obj.filters[0].enabled=false; obj.filters.blendtrans.Play(); } obj.src=document.getElementById("Myjs"+cp).getAttribute("ref"); for(j=0;j<cpn;j++){ if(j==cp){ document.getElementById("Myjs"+j).style.background="#ff0000"; document.getElementById("slide-a").href=unescape(mylnk[j]); } else { document.getElementById("Myjs"+j).style.background=""; } } },timen); }

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值