通用专题轮播图添加流程1自定义样式添加.docx

《通用专题轮播图添加流程1自定义样式添加.docx》由会员分享，可在线阅读，更多相关《通用专题轮播图添加流程1自定义样式添加.docx（4页珍藏版）》请在优知文库上搜索。

1、通用专题轮播图添加流程1：自定义样式添加通用专题中添加自定义样式:添加时，可由专业懂CSS的人帮助调整，否则则默认状态，CSS默认代码如下：.ztproudctslidewidth:920p;height:230px;position:relative;margin:IOpxauto;overflow:hidden;.Ztproudctslideulwidth:920p;height:230px;position:relative;.ZtproudctslideulIiheight:230px;float:left;list-style:none;padding-right:20px;.Ztp

2、roudctslideulIiimgwidth:200px;height:150px;display:inline-block;2：添加Html结构该功能，请使用添加模块自定模板添加内容如下：ahref=target=_blankstyle=display:inline-block;，疫情下科学仪器核心部件的供应、挑战与策略注意事项：1：添加是需要将编辑器切换到源码模式粘贴，保存时需要切换到非源码。方可保存成功FE送中及为码模式.反界面楂式itr123SS45ahref*https:/,.Instruaent.co,cmtrget三*,-blank-style*Mdisplay:inline-

3、block;Mximgsrc*Nhttps:/ingl.8ahref*,https:/wrz.instrfewtdrget*_bldnkestyle*display:疫情不科学枚看核心部件的供应、扶馥与策2 3 4 I5 =ahrEf-hf七Gtrgetw-blnk*stylewdisplay:iclimbMbe：Mb皿Mb$p；gInMp;Mb5。；Mbsp;Mb5201903pic08b6bG2-b624-4cc-b455-f9df65b89673.jpg!x2eexl50.jpg“/5777&cbp;j/g6 7 8  ftnbsp;ftnbsp;Mbsp;ftnbsp;Mbs

4、p;ahrf-https:/www.instrument.c疫脩下科学仪为核心田件的供应扶战与策略83：滚动脚本添加如果页面中需要多个滚动，脚本添加只需要在任意一个滚动模块中添加一次就可以。其它滚动模块不需要添加。4S-U6windon.oloadfucion()(i7$(M.2tproudctslideN).each(function()8varid-S(this).ottr(-id);9slideaniaate(id);0)；fuu51itku-%2脚本如下：d=function()$(.ztproudctslide).each(function()varid=$(this).attr(i

5、d);Slideanimatefid);)；functionslideanimate(id)(varodiv=ementByld(id);varoul=ementsByTagName(,u)01;varali=ementsByTagName(li,);varspa=-2;HTML=HTML+HTML;.width=ali0.offsetWidth*h+,px;functionmove()if(tLeftO).left=tWidth2+,px,).left=tLeft+spa+,px,;)vartimer=setlnterval(movez50)semove=function()clearlnt

6、erval(timer);)seout=function()timer=setlnterval(move,50);ementsByTagName(a)0.oclick=function()spa=-2;)ementsByTagName(a,)l.onclick=function()spa=2;)注意事项：1：页面中如果存在多个滚动模块，需将最外层的ID值需不同。否则怎会出现滚动问题1不超：ImIEX快成E短不坏电?显不体电义GW不盲标题背景图：HIm!IblUjJ.XX.4TI.,_dT-二二三I-17；Z.FC.l,1ztproUdCtSi,idL)2 3 4 56 7 18ahrefoht

7、tps:/,target-*-blak*style*display:inlinjblock;疫情下不的供应、挑战与策明/”4：不懂代码编辑内容如下操作：以上内容为添加步骤,1：如何替换ulcUss-wIlsJpXcHntlZtTAlaSrget-blanfc3tyledi3pljy:inliceblock;“2：添加模块divMFiV2cla*s-tpro*r.lnstrve*wtrfet-blrtktyleaadl5ply:lnlinebloUSrc-ttpl三17iis2ei9e3pic8ab6b02.b624-4ahrf*https:hM.Ia*trMiTX学僮0核心Sl仔的供应、IMt

8、与集H/”Lsrc-*https:/lagl.l7U.cn/171ee/lMes72019e3/plc/e8ab6b02-M24.4cec-b45S-r9d15谓丁科宇仪21段心附住的俱成.Ufi三5ahrfhttps:/mw.InttrtMMtart-bXarA*styl*dIsplay:inllnblgsrcttpszl三iyii*ges7201903plcab6b02b624.4c0c.b45S.f5tT科学仪2!梭心加件的俱应.Wsrc*171glMgs72ei9e3plc8Ab6be2-b624.4cec-b4SS19df6Sb9673.jpg!w29xlSe.)pgapstylewldth:20pxhref-*ttp5:Z*r.Instrueent.co,cntrget-bla11kstyle-edlp