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

系統(tǒng)安裝

匯總性教程

內(nèi)容管理

欄目管理

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

標(biāo)簽和模板

模板教程

常見疑難問題

二次開發(fā)教程

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

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

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

 

 

標(biāo)簽1

 

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

 

 

2、點(diǎn)擊編輯此模板----在下面的框中,刪除現(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、點(diǎn)擊基本設(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)容
黔东| 伊金霍洛旗| 凤凰县| 墨竹工卡县| 六安市| 南昌市| 红桥区| 扬中市| 博客| 奉新县| 雷山县| 安新县| 建阳市| 静海县| 石首市| 蓬溪县| 石河子市| 和林格尔县| 神农架林区| 卓资县| 罗源县| 德江县| 古浪县| 宜川县| 福建省| 廊坊市| 和顺县| 林西县| 屯昌县| 通山县| 福清市| 高尔夫| 榆社县| 得荣县| 周口市| 望奎县| 黄骅市| 策勒县| 富源县| 渝北区| 湖北省|