織夢很多人都會，只是我用這么久，可能大家都知道，織夢做banner是做可怕的，現(xiàn)在就算你找模板建站，里面帶數(shù)據(jù)文件的，也很少把banner給你做好了的。網(wǎng)站做完了發(fā)現(xiàn)首頁banner不能滾動，怎么辦？到處找文章，什么用隱藏菜單做，通過織夢的默認(rèn)輪播圖然后上傳圖片選擇幻燈片和滾動，雖然這個(gè)可以，但是有一個(gè)是什么，很多人都做不出來，今天老九教大家另外一種方法，這可能是有史以來很詳細(xì)很詳細(xì)的教程了！四川SEO SEO教程

1.添加內(nèi)容模型管理

我這里選擇頻道模型叫輪播圖

然后添加字段：

文字：鏈接地址

字段名稱：piclinks

弄完就就會發(fā)現(xiàn)內(nèi)容管理欄目里面多了一個(gè)叫輪播圖的

2.頁面代碼調(diào)用

打開左側(cè)列表模板》默認(rèn)模板管理》找到index.htm，在你需要放banner的地方加入調(diào)用代碼：

{dede:arclist  addfields='piclinks'  row='5'  channelid='17'}
<li  ><a href="[field:piclinks/]"target="_blank"><img src="[field:litpic/]"</li>
{/dede:arclist}

此處注意：channelid=‘17’這個(gè)17是之前我們建立的輪播圖頻道ID哦，row='5'的意思是幻燈片的個(gè)數(shù)等于5

假如你還不會，接下來我給大家看完整的代碼：

<script  type="text/javascript">
$(function(){
$("#J_bslist").bannerSlider({
width:"100%",//寬 (如果100%的時(shí)候請傳入字符串)
height:463,//高
auto:true,//是否能自動滾
effect:"fade",//效果
Pause:3000,//停頓時(shí)間-兩個(gè)動畫滾動間隔的時(shí)間
animTime:250,//一張圖滾動的時(shí)間
zIndex:10,//設(shè)置層級相互遮蓋
parentClass:"cs-bannerWrap1",
pagination:{
show:false,
className:"banner-numlist"
},
btn:{
show:true,
dynamic:false//是否有鼠標(biāo)移動上去顯示箭頭的效果
},
describe:{
show:false,
left:"80%",
bottom:0
}
})

})
</script>

<div  class="cs-bannerWrap1"  style="width: 100%; height: 463px;overflow:hidden; margin: 0px auto;">

<ul  id="J_bslist"  class="bs_list"  style="width: 100%; height: 463px; position: relative;">
{dede:arclist  addfields='piclinks'  row='5'  channelid='17'}
<li  style="position: absolute; opacity: 1; z-index: 10; background-position: 50% 0%; background-repeat: no-repeat no-repeat;"  data-title=""><a href="[field:piclinks/]"target="_blank"><img src="[field:litpic/]"</li>
{/dede:arclist}

上面是JS代碼，也就是你自己寫的，讓這個(gè)div里面的內(nèi)容滾動，這個(gè)也很重要，很多人會覺得，怎么做完了，沒反應(yīng)啊，很有可能就是JS代碼沒放！

3.添加頂級菜單“幻燈片”

3.發(fā)布幻燈片

今天的教程就到這里哦，希望能幫助大家更好的使用織夢。