婷婷久久香蕉五月综合加勒比,337p日本欧洲亚洲大胆精品,国产男女免费视频,久久99国产综合精品免费

系統(tǒng)安裝

匯總性教程

內(nèi)容管理

欄目管理

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

標(biāo)簽和模板

模板教程

常見疑難問題

二次開發(fā)教程

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

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

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

 

 

標(biāo)簽1

 

A、雙擊標(biāo)簽,進(jìn)入標(biāo)簽設(shè)置

 

 

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

 

 

參考代碼:就是復(fù)制下面的代碼

 

 

<!--{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}-->

 

 

 

 

 

標(biāo)簽二:

 

A、同樣也是雙擊標(biāo)簽,復(fù)制代碼進(jìn)入。紅框的設(shè)置如圖設(shè)置。

 

 

 

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

 

 

復(fù)制的代碼參考如下:

<!--{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)容
麟游县| 城市| 水城县| 临朐县| 葫芦岛市| 星座| 留坝县| 台中市| 新源县| 静海县| 花莲县| 苏尼特左旗| 卢龙县| 铁岭县| 甘洛县| 当涂县| 财经| 河北区| 淳化县| 息烽县| 仙桃市| 聂拉木县| 右玉县| 色达县| 汕头市| 郎溪县| 濮阳县| 秀山| 巧家县| 玉门市| 蕲春县| 黄山市| 北京市| 当阳市| 石台县| 伊宁市| 鄂州市| 宜君县| 土默特右旗| 英吉沙县| 西林县|