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

上传人:王** 文档编号:567006 上传时间:2023-12-06 格式:DOCX 页数:4 大小:38.09KB
下载 相关 举报
通用专题轮播图添加流程1自定义样式添加.docx_第1页
第1页 / 共4页
通用专题轮播图添加流程1自定义样式添加.docx_第2页
第2页 / 共4页
通用专题轮播图添加流程1自定义样式添加.docx_第3页
第3页 / 共4页
通用专题轮播图添加流程1自定义样式添加.docx_第4页
第4页 / 共4页
亲,该文档总共4页,全部预览完了,如果喜欢就下载吧!
资源描述

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

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > IT计算机 > 图形图像

copyright@ 2008-2023 yzwku网站版权所有

经营许可证编号:宁ICP备2022001189号-2

本站为文档C2C交易模式,即用户上传的文档直接被用户下载,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有。装配图网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。若文档所含内容侵犯了您的版权或隐私,请立即通知装配图网,我们立即给予删除!