& & {dede:arclist row=8 rderby=pubdate type='image.' imgwidth='143' imgheight='106'}[field:global.autoindex runphp='yes']if ((@me-1)%2==0) @me ="";else @me ="";[/field:global.autoindex][field:global.autoindex runphp='yes']if ((@me)%2==0) @me ="";else @me ="";[/field:global.autoindex]{/dede:arclist}& & 演示。我这里设计的2X2& & & & =700) window.open('/uploads/allimg/c24a930W440-13407.jpg');" alt="" src="/img/dnzg//10EAB516ABCB592E7E1BE6F.jpg" nload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" border="0" />
声明：该文章系网友上传分享，此内容仅代表网友个人经验或观点，不代表本网站立场和观点；若未进行原创声明，则表明该文章系转载自互联网；若该文章内容涉嫌侵权，请及时向
论文写作技巧
上一篇：下一篇：
相关经验教程重庆科创学院网站设计之dedecms图文混排滚动图片分两行显示_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
重庆科创学院网站设计之dedecms图文混排滚动图片分两行显示
上传于||暂无简介
阅读已结束，如果下载本文需要使用1下载券
想免费下载本文？
定制HR最喜欢的简历
你可能喜欢JS特效：水平图片滚动
&style type="text/css"&.blk_29 {&PADDING-RIGHT: 0&PADDING-LEFT: 0&PADDING-BOTTOM: 10&OVERFLOW:&PADDING-TOP: 10&ZOOM: 1;&POSITION: relative}.blk_29 .LeftBotton { BACKGROUND: url() no-repeat 0px 0 LEFT: 5 FLOAT: WIDTH: 21 CURSOR: POSITION: TOP: 10 HEIGHT: 160px}.blk_29 .RightBotton { RIGHT: 5 BACKGROUND: url() no-repeat -21px 0 FLOAT: WIDTH: 21 CURSOR: POSITION: TOP: 10 HEIGHT: 160px}.blk_29 .Cont { MARGIN: 0 OVERFLOW: WIDTH: 888 PADDING-TOP: 10px}.blk_29 .box { FLOAT: WIDTH: 240 TEXT-ALIGN: center }.blk_29 .box IMG { border:6px solid #background-color:#padding:2display:}.blk_29 .box A:hover IMG { border:6px solid #background-color:#text-decoration:}.blk_29 .box a span{display: text-align: font-size:12z-index:1;}.blk_29 .box a:hover span{color:#333;display:background-color:#width:186position:bottom:0line-height:23z-index:1;}.blk_29 .box P { MARGIN: 6px auto 0 WIDTH: 97 LINE-HEIGHT: 20px}.rollphotos { MARGIN-TOP: 10WIDTH: 750px}.partC { MARGIN-TOP: 10 OVERFLOW: WIDTH: 750px}.partC .PC_left { OVERFLOW: WIDTH: 470px}.partC .PC_right { OVERFLOW: WIDTH: 470px}.partC .PC_left { FLOAT: left}.partC .PC_right { FLOAT: right}.PhoTxt P { COLOR: #545454; LINE-HEIGHT: 15px}.worksbox{width:186height:130position:}.worksbox a{border:6px solid #background-color:#padding:2display:}.worksbox a:hover{border:6px solid #background-color:#text-decoration:}.worksbox a span{display: text-align: font-size:12}.worksbox a:hover span{color:#333;display:background-color:#width:186position:top:105left:0line-height:23}.worksbox a img{width:170height:114}&/style&&&script language="JavaScript" type="text/javascript"&&var sina={$:function(objName){if(document.getElementById){return eval('document.getElementById("'+objName+'")')}else{return eval('document.all.'+objName)}},isIE:navigator.appVersion.indexOf("MSIE")!=-1?true:false,addEvent:function(l,i,I){if(l.attachEvent){l.attachEvent("on"+i,I)}else{l.addEventListener(i,I,false)}},delEvent:function(l,i,I){if(l.detachEvent){l.detachEvent("on"+i,I)}else{l.removeEventListener(i,I,false)}},readCookie:function(O){var o="",l=O+"=";if(document.cookie.length&0){var i=document.cookie.indexOf(l);if(i!=-1){i+=l.var I=document.cookie.indexOf(";",i);if(I==-1)I=document.cookie.o=unescape(document.cookie.substring(i,I))}};return o},writeCookie:function(i,l,o,c){var O="",I="";if(o!=null){O=new Date((new Date).getTime()+o*3600000);O="; expires="+O.toGMTString()};if(c!=null){I=";domain="+c};document.cookie=i+"="+escape(l)+O+I},readStyle:function(I,l){if(I.style[l]){return I.style[l]}else if(I.currentStyle){return I.currentStyle[l]}else if(document.defaultView && document.defaultView.getComputedStyle){var i=document.defaultView.getComputedStyle(I,null);return i.getPropertyValue(l)}else{return null}}};//滚动图片构造函数//UI&UE Dept. mengjia//080623function ScrollPic(scrollContId,arrLeftId,arrRightId,dotListId){this.scrollContId=scrollContId;this.arrLeftId=arrLeftId;this.arrRightId=arrRightId;this.dotListId=dotListId;this.dotClassName="dotItem";this.dotOnClassName="dotItemOn";this.dotObjArr=[];this.pageWidth=0;this.frameWidth=0;this.speed=10;this.space=10;this.pageIndex=0;this.autoPlay=this.autoPlayTime=5;var _autoTimeObj,_scrollTimeObj,_state="ready";this.stripDiv=document.createElement("DIV");this.listDiv01=document.createElement("DIV");this.listDiv02=document.createElement("DIV");if(!ScrollPic.childs){ScrollPic.childs=[]};this.ID=ScrollPic.childs.ScrollPic.childs.push(this);this.initialize=function(){if(!this.scrollContId){throw new Error("必须指定scrollContId.");return};this.scrollContDiv=sina.$(this.scrollContId);if(!this.scrollContDiv){throw new Error("scrollContId不是正确的对象.(scrollContId = \""+this.scrollContId+"\")");return};this.scrollContDiv.style.width=this.frameWidth+"px";this.scrollContDiv.style.overflow="hidden";this.listDiv01.innerHTML=this.listDiv02.innerHTML=this.scrollContDiv.innerHTML;this.scrollContDiv.innerHTML="";this.scrollContDiv.appendChild(this.stripDiv);this.stripDiv.appendChild(this.listDiv01);this.stripDiv.appendChild(this.listDiv02);this.stripDiv.style.overflow="hidden";this.stripDiv.style.zoom="1";this.stripDiv.style.width="32766px";this.listDiv01.style.cssFloat="left";this.listDiv02.style.cssFloat="left";sina.addEvent(this.scrollContDiv,"mouseover",Function("ScrollPic.childs["+this.ID+"].stop()"));sina.addEvent(this.scrollContDiv,"mouseout",Function("ScrollPic.childs["+this.ID+"].play()"));if(this.arrLeftId){this.arrLeftObj=sina.$(this.arrLeftId);if(this.arrLeftObj){sina.addEvent(this.arrLeftObj,"mousedown",Function("ScrollPic.childs["+this.ID+"].rightMouseDown()"));sina.addEvent(this.arrLeftObj,"mouseup",Function("ScrollPic.childs["+this.ID+"].rightEnd()"));sina.addEvent(this.arrLeftObj,"mouseout",Function("ScrollPic.childs["+this.ID+"].rightEnd()"))}};if(this.arrRightId){this.arrRightObj=sina.$(this.arrRightId);if(this.arrRightObj){sina.addEvent(this.arrRightObj,"mousedown",Function("ScrollPic.childs["+this.ID+"].leftMouseDown()"));sina.addEvent(this.arrRightObj,"mouseup",Function("ScrollPic.childs["+this.ID+"].leftEnd()"));sina.addEvent(this.arrRightObj,"mouseout",Function("ScrollPic.childs["+this.ID+"].leftEnd()"))}};if(this.dotListId){this.dotListObj=sina.$(this.dotListId);if(this.dotListObj){var pages=Math.round(this.listDiv01.offsetWidth/this.frameWidth+0.4),i,tempOfor(i=0;i&i++){tempObj=document.createElement("span");this.dotListObj.appendChild(tempObj);this.dotObjArr.push(tempObj);if(i==this.pageIndex){tempObj.className=this.dotClassName}else{tempObj.className=this.dotOnClassName};tempObj.title="第"+(i+1)+"页";sina.addEvent(tempObj,"click",Function("ScrollPic.childs["+this.ID+"].pageTo("+i+")"))}}};if(this.autoPlay){this.play()}};this.leftMouseDown=function(){if(_state!="ready"){return};_state="floating";_scrollTimeObj=setInterval("ScrollPic.childs["+this.ID+"].moveLeft()",this.speed)};this.rightMouseDown=function(){if(_state!="ready"){return};_state="floating";_scrollTimeObj=setInterval("ScrollPic.childs["+this.ID+"].moveRight()",this.speed)};this.moveLeft=function(){if(this.scrollContDiv.scrollLeft+this.space&=this.listDiv01.scrollWidth){this.scrollContDiv.scrollLeft=this.scrollContDiv.scrollLeft+this.space-this.listDiv01.scrollWidth}else{this.scrollContDiv.scrollLeft+=this.space};this.accountPageIndex()};this.moveRight=function(){if(this.scrollContDiv.scrollLeft-this.space&=0){this.scrollContDiv.scrollLeft=this.listDiv01.scrollWidth+this.scrollContDiv.scrollLeft-this.space}else{this.scrollContDiv.scrollLeft-=this.space};this.accountPageIndex()};this.leftEnd=function(){if(_state!="floating"){return};_state="stoping";clearInterval(_scrollTimeObj);var fill=this.pageWidth-this.scrollContDiv.scrollLeft%this.pageWthis.move(fill)};this.rightEnd=function(){if(_state!="floating"){return};_state="stoping";clearInterval(_scrollTimeObj);var fill=-this.scrollContDiv.scrollLeft%this.pageWthis.move(fill)};this.move=function(num,quick){var thisMove=num/5;if(!quick){if(thisMove&this.space){thisMove=this.space};if(thisMove&-this.space){thisMove=-this.space}};if(Math.abs(thisMove)&1 && thisMove!=0){thisMove=thisMove&=0?1:-1}else{thisMove=Math.round(thisMove)};var temp=this.scrollContDiv.scrollLeft+thisMif(thisMove&0){if(this.scrollContDiv.scrollLeft+thisMove&=this.listDiv01.scrollWidth){this.scrollContDiv.scrollLeft=this.scrollContDiv.scrollLeft+thisMove-this.listDiv01.scrollWidth}else{this.scrollContDiv.scrollLeft+=thisMove}}else{if(this.scrollContDiv.scrollLeft-thisMove&=0){this.scrollContDiv.scrollLeft=this.listDiv01.scrollWidth+this.scrollContDiv.scrollLeft-thisMove}else{this.scrollContDiv.scrollLeft+=thisMove}};num-=thisMif(Math.abs(num)==0){_state="ready";if(this.autoPlay){this.play()};this.accountPageIndex();return}else{this.accountPageIndex();setTimeout("ScrollPic.childs["+this.ID+"].move("+num+","+quick+")",this.speed)}};this.next=function(){if(_state!="ready"){return};_state="stoping";this.move(this.pageWidth,true)};this.play=function(){if(!this.autoPlay){return};clearInterval(_autoTimeObj);_autoTimeObj=setInterval("ScrollPic.childs["+this.ID+"].next()",this.autoPlayTime*1000)};this.stop=function(){clearInterval(_autoTimeObj)};this.pageTo=function(num){if(_state!="ready"){return};_state="stoping";var fill=num*this.frameWidth-this.scrollContDiv.scrollLthis.move(fill,true)};this.accountPageIndex=function(){this.pageIndex=Math.round(this.scrollContDiv.scrollLeft/this.frameWidth);if(this.pageIndex&Math.round(this.listDiv01.offsetWidth/this.frameWidth+0.4)-1){this.pageIndex=0};for(i=0;i&this.dotObjArr.i++){if(i==this.pageIndex){this.dotObjArr[i].className=this.dotClassName}else{this.dotObjArr[i].className=this.dotOnClassName}}}};&/script&&div&&&&&&&&&&&& &div&&&&&&&&&&&&&& &div&&/div&&&&&&&&&&&&&& &div&&&&&&&&&&&&&&&& &!-- 图片列表 begin --&&&&&&&&&&&&&&&& &div&&a& href="#" target="_blank"&&span&产品1&/span&&img src="/files/dcaac4ca7cf31a0bdba/0/1.jpg"border="0" /&&/a&&&&&&&&&&&&&&&&&&&& &p& &/p&&&&&&&&&&&&&&&& &/div&&&&&&&&&&&&&&&& &div&&a& href="#" target="_blank"&&span&产品2&/span&&img& src="/files/dcaac4ca7cf31a0bdba/0/1.jpg"border="0" /&&/a&&&&&&&&&&&&&&&&&&&& &p& &/p&&&&&&&&&&&&&&&& &/div&&&&&&&&&&&&&&&& &div&&a& href="#" target="_blank"&&span&产品3&/span&&img src="/files/dcaac4ca7cf31a0bdba/0/1.jpg"border="0" /&&/a&&&&&&&&&&&&&&&&&&&& &p& &/p&&&&&&&&&&&&&&&& &/div&&&&&&&&&&&&&&&& &div&&a& href="#" target="_blank"&&span&产品4&/span&&img src="/files/dcaac4ca7cf31a0bdba/0/1.jpg"border="0" /&&/a&&&&&&&&&&&&&&&&&&&& &p& &/p&&&&&&&&&&&&&&&& &/div&&&&&&&&&&&&&&&& &div&&a& href="#" target="_blank"&&span&产品5&/span&&img src="/files/dcaac4ca7cf31a0bdba/0/1.jpg"border="0" /&&/a&&&&&&&&&&&&&&&&&&&& &p& &/p&&&&&&&&&&&&&&&& &/div&&&&&&&&&&&&&&&& &div&&a& href="#" target="_blank"&&span&产品6&/span&&img src="/files/dcaac4ca7cf31a0bdba/0/1.jpg"border="0" /&&/a&&&&&&&&&&&&&&&&&&&& &p& &/p&&&&&&&&&&&&&&&& &/div&&&&&&&&&&&&&&&& &!-- 图片列表 end --&&&&&&&&&&&&&& &/div&&&&&&&&&&&&&& &div&&/div&&&&&&&&&&&& &/div&&&&&&&&&&&& &script language="JavaScript" type="text/javascript"&& &!--//--&&![CDATA[//&&!--& var scrollPic_02 = new ScrollPic();& scrollPic_02.scrollContId&& = "ISL_Cont_1"; //内容容器ID& scrollPic_02.arrLeftId&&&&& = "LeftArr";//左箭头ID& scrollPic_02.arrRightId&&&& = "RightArr"; //右箭头ID& scrollPic_02.frameWidth&&&& = 720;//显示框宽度& scrollPic_02.pageWidth&&&&& = 240; //翻页宽度& scrollPic_02.speed&&&&&&&&& = 10; //移动速度(单位毫秒，越小越快)& scrollPic_02.space&&&&&&&&& = 10; //每次移动像素(单位px，越大越快)& scrollPic_02.autoPlay&&&&&& = //自动播放& scrollPic_02.autoPlayTime&& = 3; //自动播放间隔时间(秒)& scrollPic_02.initialize(); //初始化&&&&&&& //--&&!]]&&&&&&&&&& &/script&&/div&
感谢支持,你的支持，我们的无限动力！！！
“DEDECMS教程”欢迎分享！：
相关标签：
欢迎您报错，或提出宝贵建议，我们将第一时间处理，为大家营造一个良好网上交流平台，感谢支持织梦之家！
在百度中搜索相关文章：
在谷歌中搜索相关文章：织梦CMS默认的图片滚动代码_未来软件园
手机版,更便捷!
当前位置： >
> 织梦CMS默认的图片滚动代码
织梦CMS默认的图片滚动代码
PHPMaker是一款PHP代码自动生成工具。它是一款在 Windows 平台上运行的基于 MYSQL 数据库自动生成 PHP 脚本的软件。使用生成的 PHP 代码，你可以通过 WEB 网页对数据库的记录进行... 大小：49.69 MB　　更新：05-20　　类型：　　免费软件　　简体中文
人气:15067
Sublime Text3(代码编辑器)是一款非常实用的码编辑器,是一个轻量,简洁,高效,跨平台的编辑器,面设置非常人性化,左边是代码缩略图,右边是代码区域,你可以在左边的代码缩略图区域轻松定位程序... 大小：15.6 MB　　更新：05-20　　类型：　　特别软件　　简体中文
需要的JS文件，织梦默认的图片滚动需要2个JS文件，一个是CMS目录下images/js/j.js 另一个是模板目录下js/pic_scroll.js&script&language=&javascript&&type=&text/javascript&&src=&{dede:global.cfg_cmspath/}/images/js/j.js&&&&/script&
&script&language=&javascript&&type=&text/javascript&&src=&{dede:global.cfg_templets_skin/}/js/pic_scroll.js&&&/script&必须的HTML代码{dede:arclist&row=10&orderby=pubdate&type=&image.&&imgwidth=&143&&imgheight=&106&}[field:image/][field:title/]{/dede:arclist}以上是织梦默认的图片滚动必要的代码，一个都不能少！其中类选择器infiniteCarousel控制滚动框的大小，在网页中它的子元素会多出2行代码，分别代表向左滚动和向右滚动。&&必须的CSS代码.infiniteCarousel{
height:200
border:3px&solidϧ
.infiniteCarousel&.wrapper{
}外框必须是固定宽度，列表必须是浮动,浮动列表之间用padding值，不要使用margin值，否则不容易对齐。需要注意的是在IE6中内容会自动把外框撑大，所以还要给.wrapper定义宽度。
感谢您的支持，我会继续努力的!
扫码打赏，建议金额1-10元织梦dedecms怎么制作循环滚动图片
在织梦dedecms网站中添加一些滚动的图片似乎可以给网站增色不少，但是想要自己制作图片的循环滚动也不是一件很难的事情，在制作的时候只要注意一些细节问题就可以了。 第一步：
在织梦dedecms网站中添加一些滚动的图片似乎可以给网站增色不少，但是想要自己制作图片的循环滚动也不是一件很难的事情，在制作的时候只要注意一些细节问题就可以了。
第一步：找到图文资讯代码的位置
将&marquee onMouseOver=&this.stop()& onMouseOut=&this.start()& align=center direction=right scrollamount=1.5 scrolldelay=3 valign=middle behavior=&alternate&& 代码插入
{dede:arclist row=5 titlelen=20 orderby=pubdate type='image.' imgwidth='152' imgheight='98' typeid='11' } 的前面
&marquee onMouseOver=&this.stop()& onMouseOut=&this.start()& align=center direction=right scrollamount=1.5 scrolldelay=3 valign=middle behavior=&alternate&&
{dede:arclist row=5 titlelen=20 orderby=pubdate type='image.' imgwidth='152' imgheight='98' typeid='11' }
将&/marquee&插入{/dede:arclist}的后面即可实现滚动
即：&/marquee&{/dede:arclist}
主要参数设置：
align：是设定活动字幕的位置，除了居左、居中、居右三种位置外，又增加靠上（top）和靠下（bottom）两种位置。
Direction：用于设定活动字幕的滚动方向是向左（left）、向右（right）、向上（up）、向下（down）。
Behavior：用于设定滚动的方式，主要由三种方式：
behavior=&scroll&表示由一端滚动到另一端；默认为此项
behavior=&slide&:表示由一端快速滑动到另一端，且不再重复；
behavior=&alternate&表示在两端之间来回滚动。
Height：用于设定滚动字幕的高度。
Width：则设定滚动字幕的宽度。
Hspace和vspace：分别用于设定滚动字幕的左右边框和上下边框的宽度.
Scrollamount：用于设定活动字幕的滚动距离。数值越小，滚动的速度就越快。
scrolldelay：用于设定滚动两次之间的延迟时间，数值越小，间隔就越小。
Loop：用于设定滚动的次数，当loop=-1表示一直滚动下去，直到页面更新。
其中默认情况是向左滚动无限次，字幕高度是文本高度；
(责任编辑：最模板)
------分隔线----------------------------
301重定向 你的主机必须支持 rewrite，并开启了它。 .htaccess File...
在织梦dede网站首页调用站内新闻是必不可少的，但是有的时候不...
DedeCMS做的网站被挂马了，真要找哪个文件被修改了，哪里藏有木...
织梦DEDECMS系统基本参数设置之其它选项设置 定位]到其它选项设...
织梦dedecms的自定义表单是一个比较常用功能，用来做用户留言...
CopyRight (C)
最模板 , 深圳奇好科技有限公司 All Rights Reserved.