歡迎訪問融科網絡!我們專注于鄭州網站建設鄭州網站制作鄭州網站設計鄭州做網站等相關服務!
營銷之道 干貨分享
了解企業新動態,分享前沿的營銷推廣干貨,成長路上,我們攜手同行

編程代碼

織夢教程:織夢cms制作首頁banner后臺上傳!

標簽: 作者:融科網絡 | 點擊:
02

Nov
2019

導語
織夢很多人都會,只是我用這么久,可能大家都知道,織夢做banner是做可怕的,現在就算你找源碼建站,里面帶數據文件的,也很少把banner給你做好了的。網站做完了發現首頁banner不
 

織夢很多人都會,只是我用這么久,可能大家都知道,織夢做banner是做可怕的,現在就算你找源碼建站,里面帶數據文件的,也很少把banner給你做好了的。網站做完了發現首頁banner不能滾動,如何辦?到處找新聞,什么用隱藏菜單做,通過織夢的默認輪播圖然后上傳圖片選擇幻燈片和滾動,雖然這個可以,但是有一個是什么,很多人都做不出來,今天老九教大家另外一種辦法,這可能是有史以來很詳細很詳細的教程了!四川網站優化 網站優化教程

1.添加內容模型管理

織夢教程

織夢教程

織夢教程

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

然后添加字段:

文字:鏈接地址

字段名稱:piclinks

織夢教程

織夢教程

弄完就就會發現內容管理欄目里面多了一個叫輪播圖的

2.頁面代碼調用

打開左側列表源碼》默認源碼管理》找到index.htm,在你需要放banner的地方加入調用代碼:

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

此處注意:channelid=‘17’這個17是之前我們建立的輪播圖頻道ID哦,row='5'的意思是幻燈片的個數等于5

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

<script  type="text/javascript">
$(function(){
$("#J_bslist").bannerSlider({
width:"100%",//寬 (如果100%的時候請傳入字符串)
height:463,//高
auto:true,//是否能自動滾
effect:"fade",//效果
Pause:3000,//停頓時間-兩個動畫滾動間隔的時間
animTime:250,//一張圖滾動的時間
zIndex:10,//設置層級相互遮蓋
parentClass:"cs-bannerWrap1",
pagination:{
show:false,
className:"banner-numlist"
},
btn:{
show:true,
dynamic:false//是否有鼠標移動上去顯示箭頭的效果
},
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=http://www.dede58.com/a/dedejq/"[field:piclinks/]"target="_blank"><img src="[field:litpic/]"</li>
{/dede:arclist}

上面是JS代碼,也就是你自己寫的,讓這個div里面的內容滾動,這個也很重要,很多人會覺得,如何做完了,沒反應啊,很有可能就是JS代碼沒放!

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

織夢教程

3.發布幻燈片

織夢教程

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

鄭州融科網絡專注于企業網站建設、網站制作、高端網站設計,鄭州滎陽、上街做網站就找融科網絡!
本文章網址:http://www.kweeuh.live/code/13995.html。轉載請保留出處,謝謝合作!

全網(營銷型+響應式)專業定制

快速搭建高詢盤+營銷獨立站

微信掃一掃 添加微信

推薦分享,免費SEO診斷

掃碼加好友,即送價值1880元的SEO優化教程

(網站沒排名,輕松讓關鍵詞上首頁!專注H5企業建站+網站優化推廣)

上一篇:織夢最新發表的帖子在24小時內標題顯示紅色

下一篇:dede通過后臺SQL命令批量修改新聞內容和縮略圖路徑

  • 網站建設咨詢
  • 網站建設案例
建站流程
  • 網站需
    求分析
  • 網站策
    劃方案
  • 頁面風
    格設計
  • 程序設
    計研發
  • 資料錄
    入優化
  • 確認交
    付使用
  • 后續跟
    蹤服務
  • 151-3895-5886
  • 品牌網站建設定制
  • 營銷型網站建設定制
广东快乐十分走势图