迅睿CMS框架是一款PHP8高性能·簡單易用的CMS開源開發(fā)框架,基于MIT開源許可協(xié)議發(fā)布,免費(fèi)且不限制商業(yè)使用,是免費(fèi)開源的產(chǎn)品,以萬端互聯(lián)為設(shè)計(jì)理念,支持的微信公眾號、小程序、APP客戶端、移動端網(wǎng)站、PC網(wǎng)站等多終端式管理系統(tǒng)。
聯(lián)系官方銷售客服
1835022288
028-61286886
這個(gè)滾動的調(diào)用代碼不會寫 求指導(dǎo)
網(wǎng)站表單已經(jīng)建好
這是bannner 表單調(diào)用的
那么 合作伙伴(滾動效果)
咋整
這種代碼去百度找一下
調(diào)用合作伙伴的表單 是改哪里
就把banner表單調(diào)用form=banner改成form=hezuohuoban就可以調(diào)用
滾動效果不是cms范疇,去百度找一下
參考文檔:《網(wǎng)站表單列表調(diào)用》
這個(gè)要配合JS實(shí)現(xiàn)滾動
推薦這個(gè)JS
https://www.16css.com/js/show/1008.html
如果不會,也可以聯(lián)系我
回復(fù)@臥龍隱者 了解了 那bannner輪播 也是加了特效的 js吧 如果網(wǎng)上找到了js文件 也是直接放js文件夾那里就行嗎?
是的輪播效果都是js特效,cms只負(fù)責(zé)把內(nèi)容調(diào)用出來
回復(fù)@VR視角平臺
回復(fù)@帝云網(wǎng)絡(luò) 沒看到自動滾動效果
你要會用,我推薦那款JS代碼就很好用,可以實(shí)現(xiàn)你要的滾動效果。
http://www.superslide2.com/demo.html
引入外部JS文件就可以,使用這個(gè)吧
回復(fù)@小黃人 18html
這個(gè)代碼放哪里去?
首先你要下載他的JS文件
在頭部引入
<script type="text/javascript" src="/你的路徑/jquery.SuperSlide.2.1.2.js"></script>
然后在你的代碼下面放
<script type="text/javascript"> jQuery(".slideBox").slide({mainCell:".bd ul",autoPlay:true}); </script>
.
.你完全可以放在這個(gè)代碼的上下部分
你看的那個(gè)代碼是這樣的
<style type="text/css"> /* css 重置 */ *{margin:0; padding:0; list-style:none; } body{ background:#fff; font:normal 12px/22px 宋體; } img{ border:0; } a{ text-decoration:none; color:#333; } /* 本例子css */ .picScroll-left{ overflow:hidden; position:relative; border:1px solid #ccc; } .picScroll-left .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; } .picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat;} .picScroll-left .hd .next{ background-position:0 -50px; } .picScroll-left .hd .prevStop{ background-position:-60px 0; } .picScroll-left .hd .nextStop{ background-position:-60px -50px; } .picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; } .picScroll-left .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; } .picScroll-left .hd ul li.on{ background-position:0 0; } .picScroll-left .bd{ padding:10px; } .picScroll-left .bd ul{ overflow:hidden; zoom:1; } .picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; } .picScroll-left .bd ul li .pic{ text-align:center; } .picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block; padding:2px; border:1px solid #ccc; } .picScroll-left .bd ul li .pic a:hover img{ border-color:#999; } .picScroll-left .bd ul li .title{ line-height:24px; } </style> <div class="picScroll-left"> <div class="hd"> <a class="next"></a> <ul></ul> <a class="prev"></a> <span class="pageState"></span> </div> <div class="bd"> <ul class="picList"> <li> <div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="../images/pic1.jpg" /></a></div> <div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果圖1</a></div> </li> <li> <div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="../images/pic2.jpg" /></a></div> <div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果圖2</a></div> </li> <li> <div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="../images/pic3.jpg" /></a></div> <div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果圖3</a></div> </li> <li> <div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="../images/pic4.jpg" /></a></div> <div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果圖4</a></div> </li> <li> <div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="../images/pic5.jpg" /></a></div> <div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果圖5</a></div> </li> <li> <div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="../images/pic6.jpg" /></a></div> <div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果圖6</a></div> </li> </ul> </div> </div> <script id="jsID" type="text/javascript"> var ary = location.href.split("&"); jQuery(".picScroll-left").slide( { titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:ary[1],autoPlay:ary[2],scroll:ary[3],vis:ary[4],easing:ary[5],delayTime:ary[6],pnLoop:ary[7],trigger:ary[8],mouseOverStop:ary[9] }); </script>
錯(cuò)了,是這樣的
<style type="text/css"> /* css 重置 */ *{margin:0; padding:0; list-style:none; } body{ background:#fff; font:normal 12px/22px 宋體; } img{ border:0; } a{ text-decoration:none; color:#333; } /* 本例子css */ .picScroll-left{ overflow:hidden; position:relative; border:1px solid #ccc; } .picScroll-left .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; } .picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat;} .picScroll-left .hd .next{ background-position:0 -50px; } .picScroll-left .hd .prevStop{ background-position:-60px 0; } .picScroll-left .hd .nextStop{ background-position:-60px -50px; } .picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; } .picScroll-left .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; } .picScroll-left .hd ul li.on{ background-position:0 0; } .picScroll-left .bd{ padding:10px; } .picScroll-left .bd ul{ overflow:hidden; zoom:1; } .picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; } .picScroll-left .bd ul li .pic{ text-align:center; } .picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block; padding:2px; border:1px solid #ccc; } .picScroll-left .bd ul li .pic a:hover img{ border-color:#999; } .picScroll-left .bd ul li .title{ line-height:24px; } </style> <div class="picScroll-left"> <div class="hd"> <a class="next"></a> <ul></ul> <a class="prev"></a> <span class="pageState"></span> </div> <div class="bd"> <ul class="picList"> <li> <div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="../images/pic1.jpg" /></a></div> <div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果圖1</a></div> </li> <li> <div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="../images/pic2.jpg" /></a></div> <div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果圖2</a></div> </li> <li> <div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="../images/pic3.jpg" /></a></div> <div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果圖3</a></div> </li> <li> <div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="../images/pic4.jpg" /></a></div> <div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果圖4</a></div> </li> <li> <div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="../images/pic5.jpg" /></a></div> <div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果圖5</a></div> </li> <li> <div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="../images/pic6.jpg" /></a></div> <div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果圖6</a></div> </li> </ul> </div> </div> <script id="jsID" type="text/javascript"> jQuery(".picScroll-left").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"left",autoPlay:true,vis:3}); </script>
回復(fù)@小黃人 18html 意思就是把js文件 丟到這個(gè)(js文件夾)里面去
然后按你上述步驟來即可 對吧?
是吧,我不知道你這個(gè)JS什么路徑,你自己放什么路徑要寫好
然后按上面最后一段代碼寫
這種代碼去百度找一下
調(diào)用合作伙伴的表單 是改哪里
就把banner表單調(diào)用form=banner改成form=hezuohuoban就可以調(diào)用
滾動效果不是cms范疇,去百度找一下
參考文檔:《網(wǎng)站表單列表調(diào)用》
這個(gè)要配合JS實(shí)現(xiàn)滾動
推薦這個(gè)JS
https://www.16css.com/js/show/1008.html
如果不會,也可以聯(lián)系我
回復(fù)@臥龍隱者 了解了 那bannner輪播 也是加了特效的 js吧 如果網(wǎng)上找到了js文件 也是直接放js文件夾那里就行嗎?
是的輪播效果都是js特效,cms只負(fù)責(zé)把內(nèi)容調(diào)用出來
回復(fù)@VR視角平臺
回復(fù)@帝云網(wǎng)絡(luò) 沒看到自動滾動效果
回復(fù)@VR視角平臺
你要會用,我推薦那款JS代碼就很好用,可以實(shí)現(xiàn)你要的滾動效果。
http://www.superslide2.com/demo.html
引入外部JS文件就可以,使用這個(gè)吧
回復(fù)@小黃人 18html

這個(gè)代碼放哪里去?
回復(fù)@VR視角平臺
首先你要下載他的JS文件
在頭部引入
然后在你的代碼下面放
.
.你完全可以放在這個(gè)代碼的上下部分
.
.
你看的那個(gè)代碼是這樣的
錯(cuò)了,是這樣的
回復(fù)@小黃人 18html 意思就是把js文件 丟到這個(gè)(js文件夾)里面去
然后按你上述步驟來即可 對吧?
回復(fù)@VR視角平臺
是吧,我不知道你這個(gè)JS什么路徑,你自己放什么路徑要寫好
然后按上面最后一段代碼寫