亚洲va国产va天堂va久久_热久久视久久精品18亚洲精品_亚洲欧洲国产精品久久_国产精品青草久久久久福利99

系統(tǒng)安裝

匯總性教程

內(nèi)容管理

欄目管理

靜態(tài)管理和緩存管理

標簽和模板

模板教程

常見疑難問題

二次開發(fā)教程

動靜態(tài)分離部署

首頁 >  國微CMS教程 >  常見疑難問題 >  公共教程
08--內(nèi)容滾動樣式教程

1、先登陸網(wǎng)站后臺,點擊“顯示標簽”

 

 

標簽1

 

A、雙擊標簽,進入標簽設(shè)置

 

 

2、點擊編輯此模板----在下面的框中,刪除現(xiàn)在的代碼;然后將下面我們提供的代碼復制進去,另外幻燈片的寬高,按圖片提供的:300204,最后提交即可。

 

 

參考代碼:就是復制下面的代碼

 

 

<!--{php168}-->

<ul class="label_ul_s" id="scroll_{$label['id']}" style="height: {$sheight}px;line-height:20px;overflow:hidden">

<!--{foreach $list $value}-->

<li style="$wf;">

<span class="label_datatime">[<!--{php echo date('m-d', $value['timestamp']);}-->]</span>·<a href="$value[url]" target="_blank" title="$value[full_title]">$value[title]</a>

</li>

<!--{/foreach}-->

<li class="clear"></li>

</ul>

<script type="text/javascript">

(function(){

var this_Scroll = document.getElementById("scroll_{$label['id']}");

this_Scroll.innerHTML+=this_Scroll.innerHTML;

var ScrollTimer=0;

var MyMar = setInterval(Scroll,2500);

this_Scroll.onmouseover=function(){ clearInterval(MyMar) };

this_Scroll.onmouseout=function(){ MyMar=setInterval(Scroll,2500) };

function Scroll(){

this_Scroll.scrollTop++;

if(parseInt(this_Scroll.scrollTop)%20!=0) {

ScrollTimer=setTimeout(Scroll,10);

}else{

if(parseInt(this_Scroll.scrollTop)>=parseInt(this_Scroll.scrollHeight)/2) {

this_Scroll.scrollTop=0;

}

clearTimeout(ScrollTimer);

}

}

})()

</script>

<!--{/php168}-->

 

 

 

 

 

標簽二:

 

A、同樣也是雙擊標簽,復制代碼進入。紅框的設(shè)置如圖設(shè)置。

 

 

 

B、點擊基本設(shè)置,選擇圖片

 

 

復制的代碼參考如下:

<!--{php168}-->

<div class="layer" style="height:{$sheight}px;width:{$swidth}px;overflow:hidden" id="pingpaibox_{$label['id']}">

<div id="scroll_{$label['id']}" style="width:800%">

<ul class="label_pic_ul fleft" id="pingpai_{$label['id']}">

<!--{foreach $list $value}-->

<li style="float:left;display:inline-block; margin:0 15px 0 0;">

<a href="$value[url]" target="_blank" title="$value[full_title]"><img width="{$sheight}" height="{$sheight}" alt="$value[full_title]" onload="this.height=this.width-30" src="{if empty($value['frame'])}{$RESOURCE}/images/nopic.jpg{else}$value[frame]{/if}" /></a>

<p class="label_pic_title2 center" style="width:{$sheight}px;"><a href="$value[url]" target="_blank" title="$value[full_title]">$value[title]</a></p>

</li>

<!--{/foreach}-->

</ul>

<ul class="fleft" id="pingpaicopy_{$label['id']}"></ul>

</div>

<script type="text/javascript">

(function(){

$('#pingpaicopy_{$label['id']}').html($('#pingpai_{$label['id']}').html());

var MyMar=setInterval(Marquee,20); 

$('#scroll_{$label['id']}').hover( function(){ clearInterval(MyMar) }, function(){ MyMar=setInterval(Marquee,20) } );

function Marquee(){var tab=$('#pingpaibox_{$label['id']}')[0], tab1=$('#pingpai_{$label['id']}')[0],tab2=$('#pingpaicopy_{$label['id']}')[0];

if(tab2.offsetWidth-tab.scrollLeft<=0)tab.scrollLeft-= tab1.offsetWidth;else{tab.scrollLeft++;}}

})()

</script>

</div>

<!--{/php168}-->


相關(guān)內(nèi)容
主站蜘蛛池模板: 不卡中文字幕av| 国产日韩欧美亚洲一区| 久久99精品国产99久久| 欧美日韩第二页| 欧美大香线蕉线伊人久久| 精品国产综合| 日韩精品成人一区二区在线观看| 国产精品美女免费看| 7777在线视频| 91精品在线观看视频| 国产精品一区二区在线| 国产成人精品a视频一区www| 久久手机精品视频| 91精品视频免费看| 日韩一区不卡| 国产精品福利在线| 久久精品小视频| 欧美日韩999| 国产精品日韩一区二区免费视频| 国产精品久久久久久久天堂| 久久免费一区| 欧美激情亚洲综合一区| 亚洲不卡中文字幕| 不卡日韩av| 日本免费高清一区| 99亚洲精品视频| 国产精品入口免费视| 视频一区不卡| 国产精品久久亚洲| 久久久成人av| 欧美一区二区三区在线免费观看 | 日韩成人av电影在线| 国产精品高潮在线| 国产成人a亚洲精品| 国产精品男人的天堂| 久久久神马电影| 亚洲自拍av在线| 久久婷婷国产精品| 日韩一级特黄毛片| 91精品国产91久久久久青草| 亚洲国产一区二区三区在线播 |