滚动的调用代码不会写,迅睿CMS,Codeigniter/Laravel/ThinkPHP技术文档,PHP开发文档,迅睿CMS框架官方教程

#1楼迅睿框架创始人

2020-10-13 16:59:28

Google Pixel 手机 0

这种代码去百度找一下

#2楼 VR视角平台

2020-10-13 17:07:07

Chrome 0

调用合作伙伴的表单是改哪里

#3楼卧龙隐者

2020-10-13 17:30:52

Chrome 0

就把banner表单调用form=banner改成form=hezuohuoban就可以调用滚动效果不是cms范畴，去百度找一下
参考文档：《网站表单列表调用》

#4楼帝云网络

2020-10-13 17:33:51

Chrome 0

这个要配合JS实现滚动推荐这个JShttps://www.16css.com/js/show/1008.html如果不会，也可以联系我

#5楼 VR视角平台

2020-10-13 17:34:06

Chrome 0

卧龙隐者了解了那bannner轮播也是加了特效的 js吧如果网上找到了js文件也是直接放js文件夹那里就行吗？

#6楼卧龙隐者

2020-10-13 17:35:54

Chrome 0

是的轮播效果都是js特效，cms只负责把内容调用出来
VR视角平台

#7楼 VR视角平台

2020-10-13 17:38:19

Chrome 0

帝云网络没看到自动滚动效果

#8楼帝云网络

2020-10-13 17:39:57

Chrome 0

VR视角平台你要会用，我推荐那款JS代码就很好用，可以实现你要的滚动效果。

#9楼小黄人 18html

2020-10-13 17:40:53

Chrome 0

http://www.superslide2.com/demo.html 引入外部JS文件就可以，使用这个吧

#10楼 VR视角平台

2020-10-13 17:45:22

Chrome 0

小黄人 18html

这个代码放哪里去？

#11楼小黄人 18html

2020-10-13 17:48:33

Chrome 0

VR视角平台首先你要下载他的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>

è¿ä¸ªæ»å¨çè°ç¨ä»£ç ä¸ä¼åæ±æå¯¼ç½ç«è¡¨åå·²ç»å»ºå¥½è¿æ¯è¡¨åè°ç¨ç

..你完全可以放在这个代码的上下部分..

#12楼小黄人 18html

2020-10-13 17:49:22

Chrome 0

你看的那个代码是这样的

		<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>

#13楼小黄人 18html

2020-10-13 17:50:11

Chrome 0

错了，是这样的

		<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>

#14楼 VR视角平台

2020-10-13 17:52:47

Chrome 0

小黄人 18html 意思就是把js文件丢到这个（js文件夹）里面去

然后按你上述步骤来即可对吧？

#15楼小黄人 18html

2020-10-13 18:03:50

Chrome 0

VR视角平台是吧，我不知道你这个JS什么路径，你自己放什么路径要写好

<script type="text/javascript" src="/你的路径/jquery.SuperSlide.2.1.2.js"></script>

然后按上面最后一段代码写