DISCUZ社区论坛建立网站滚屏图方式文图实例教程

摘要: DISCUZ社区论坛建立网站滚屏图方式 DISCUZ社区论坛里常常会出现滚屏图,大家自身在制作社区论坛时,还可以自身做滚屏图。以下图:下边学作网站社区论坛详细介绍一下DISCUZ社区论坛网...

DISCUZ社区论坛建立网站滚屏图方式

DISCUZ社区论坛里常常会出现滚屏图,大家自身在制作社区论坛时,还可以自身做滚屏图。以下图:

DISCUZ轮播图

下边学作网站社区论坛详细介绍一下DISCUZ社区论坛网站滚屏图制作方式。

方式/流程

1、免费下载js文档,缓解压力放到images文档下:
s/1bnnuTtl
2、在必须显示信息换灯片的部位,删掉原来的编码,放进DIY编码:

 div > !-- diy=diyflash9 -- div id= diyflash9 > /div 

3、在启用底端文档的编码上边放内以下的JS编码来启用JS文档

 !-- if $_GET 'diy' != 'yes' -- 
script src= template/awx/images/js/jquery1.8.3.js type= text/javascript /script
script src= template/awx/images/js/focusfade.js type= text/javascript /script
script src= template/awx/images/js/index.js type= text/javascript /script
!-- /if --

4、在DIY中放进下列的编码【能够依据自身必须设定总数】

 div > div > ul 
index=1
li > div > a href= {url} target= _blank title= {title} img src= {pic} alt= {title} width= {picwidth} height= {picheight} /a
/div
/li
/index
index=2
li > div > a href= {url} target= _blank title= {title} img src= {pic} alt= {title} width= {picwidth} height= {picheight} /a
/div
/li
/index
index=3
li > div > a href= {url} target= _blank title= {title} img src= {pic} alt= {title} width= {picwidth} height= {picheight} /a
/div
/li
/index
index=4
li > div > a href= {url} target= _blank title= {title} img src= {pic} alt= {title} width= {picwidth} height= {picheight} /a
/div
/li
/index
index=5
li > div > a href= {url} target= _blank title= {title} img src= {pic} alt= {title} width= {picwidth} height= {picheight} /a
/div
/li
/index
/ul
div > a href= javascript:void(0) > a href= javascript:void(0) > /div
/div
/div

mon.css最正下方

.i-focus height:470px;position:relative;margin-top:-4px 
.i-focus .if-inner height:470px;overflow:hidden;position:relative
.i-focus .if-inner .left-btn,.i-focus .if-inner .right-btn position:absolute;display:block;width:58px;height:81px;top:194px;z-index:3;overflow:hidden;display:none
.i-focus .if-inner .left-btn left:10px;background:url arrow.png no-repeat
.i-focus .if-inner .left-btn:hover background-position:-118px 0
.i-focus .if-inner .right-btn right:10px;background:url new/css/images/arrow.png no-repeat -59px 0
.i-focus .if-inner .right-btn:hover background-position:-177px 0
.i-focus .focus-btn position:relative
.i-focus li height:470px;width:100%;overflow:hidden;zoom:1;position:absolute
.i-focus .focus-dot position:absolute;top:445px;overflow:hidden;zoom:1;z-index:5
.i-focus .focus-dot a display:block;width:9px;height:9px; border:1px solid #fff; border-radius:5px; float:left;display:inline;margin:0 5px;overflow:hidden
.i-focus .focus-dot .on background:#fff
.w1240 width:1240px; text-align:center; margin:0 auto
.w1240s width: 1240px; margin: 0 auto;
.btnss display:block;width:112px;height:40px;background-color:#148cbe;line-height:40px;text-align:center;font-size:15px;color:white;font-weight:normal; border:none; float:left; cursor:pointer; border-radius:5px;
.btnss:hover background-color:#2ca1d1;
.btnsss display:block;width:112px;height:40px;background-color:#ef6b00;line-height:40px;text-align:center;font-size:15px;color:#fff!important;font-weight:normal; border:none; float:left; cursor:pointer; border-radius:5px;
.btnsss:hover background-color:#ee7513;


联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503

技术支持:在线自动抠图