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

  • 栏目:行业动态 时间:2021-04-05 08:13 分享新闻到:
<返回列表

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;
分享新闻到:

更多阅读

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

行业动态 2021-04-05
DISCUZ社区论坛建立网站滚屏图方式 DISCUZ社区论坛里常常会出现滚屏图,大家自身在制作社区论...
查看全文

我觉得学习培训平面图设计方案,但沒有

行业动态 2021-04-05
次之,平面图设计方案师要可以深层次了解客户的要求,写作出合乎客户要求的著作。想进行...
查看全文

京东金融业已改名京东数科,精准定位或

行业动态 2021-04-04
京东金融业已改名京东数科,精准定位或再次调剂京东数科在9月17日晚19点06派发新浪微博称“...
查看全文
返回全部新闻


区域站点: 南丰县小程序生成平台   南宫市小程序开发多少钱   囊谦县微信小程序开发文档   南和县微墨小程序   南华县小程序生成平台   南江县小程序开发多少钱   南京市微信小程序开发文档   南靖县微墨小程序   南康市小程序生成平台   南乐县小程序开发多少钱   南陵县微信小程序开发文档   南宁市微墨小程序   南平市小程序生成平台   南皮县小程序开发多少钱   南市区微信小程序开发文档   南通市微墨小程序   南投县小程序生成平台   南雄市小程序开发多少钱   南溪县微信小程序开发文档   南阳市微墨小程序   南漳县小程序生成平台   南召县小程序开发多少钱   南郑县微信小程序开发文档   那坡县微墨小程序   那曲县小程序生成平台   纳雍县小程序开发多少钱   讷河市微信小程序开发文档   内黄县微墨小程序   内江市小程序生成平台   内丘县小程序开发多少钱   内乡县微信小程序开发文档   嫩江市微墨小程序   聂荣县小程序生成平台   尼玛县小程序开发多少钱   尼木县微信小程序开发文档   宁安市微墨小程序   宁波市小程序生成平台   宁城县小程序开发多少钱   宁德市微信小程序开发文档   宁都县微墨小程序   宁国市小程序生成平台   宁海县小程序开发多少钱   宁化县微信小程序开发文档   宁晋县微墨小程序   宁陵县小程序生成平台   宁明县小程序开发多少钱   宁南县微信小程序开发文档   宁强县微墨小程序   宁陕县小程序生成平台   宁武县小程序开发多少钱   宁乡市微信小程序开发文档   宁阳县微墨小程序   宁远县小程序生成平台   农安县小程序开发多少钱   磐安县微信小程序开发文档   盘锦市微墨小程序   盘山县小程序生成平台   磐石市小程序开发多少钱   盘州市微信小程序开发文档   蓬安县微墨小程序   澎湖县小程序生成平台   蓬莱市小程序开发多少钱   彭山县微信小程序开发文档   蓬溪县微墨小程序   彭阳县小程序生成平台   彭泽县小程序开发多少钱   彭州市微信小程序开发文档   偏关县微墨小程序   平安县小程序生成平台   平昌县小程序开发多少钱   平定县微信小程序开发文档   屏东县微墨小程序   平度市小程序生成平台   平果县小程序开发多少钱   平和县微信小程序开发文档   平湖市微墨小程序   平江县小程序生成平台   平乐县小程序开发多少钱   平凉市微信小程序开发文档   平利县微墨小程序   平罗县小程序生成平台   平陆县小程序开发多少钱   屏南县微信小程序开发文档   平泉市微墨小程序   屏山县小程序生成平台   平顺县小程序开发多少钱   平塘县微信小程序开发文档   平潭县微墨小程序   平武县小程序生成平台   萍乡市小程序开发多少钱   平乡县微信小程序开发文档   平阳县微墨小程序   平遥县小程序生成平台   平阴县小程序开发多少钱   平邑县微信小程序开发文档   平远县微墨小程序   平舆县小程序生成平台   皮山县小程序开发多少钱   普安县微信小程序开发文档   浦北县微墨小程序   浦城县小程序生成平台   普洱市小程序开发多少钱   普格县微信小程序开发文档   浦江县微墨小程序   普兰县小程序生成平台   普宁市小程序开发多少钱   莆田市微信小程序开发文档   迁安市微墨小程序   乾安县小程序生成平台   潜江市小程序开发多少钱   潜山市微信小程序开发文档  

友情链接: 端午节小游戏 微信 小程序商城界面设 小程序免费模板平 树洞小程序 手机版 装修知识 软件下载 果树种植 深圳新闻 图片编辑 H5模板

Copyright © 2002-2020 微信小程序开发文档_微墨小程序_小程序生成平台_小程序开发多少钱_微信如何创建小程序 版权所有 (网站地图) 备案号:粤ICP备10235580号