《通用专题轮播图添加流程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