名站网址导航为广大网友提供关于dz论坛建站教程等内容,论坛安装教程,论坛插件和模板安装教程等。
网站上有焦点幻灯片可以让整个网站动感十足,我们在学习论坛网站制作教程时,也可以自己去制作焦点幻灯片,让自己的网站上拥有自己喜欢的焦点幻灯片效果。
更多js焦点轮换图具体代码如下可以看这里:https://www.xuewangzhan.net/topic/flash/
discuz论坛制作焦点幻灯片的步骤
- 在网站显示幻灯片的位置放入以下的hTML具体代码如下; <div id="focus001">
<ul>
<li><a href="/" target="_blank"><img src="/img/01.jpg" alt="jquery特效" /></a></li>
<li><a href="/" target="_blank"><img src="/img/02.jpg" alt="DIVCSS5" /></a></li>
<li><a href="/" target="_blank"><img src="/img/03.jpg" alt="点击左右滚动jquery焦点图特效" /></a></li>
</ul>
</div> - 在幻灯片所在的页面的顶部的hEAD标签中放入以下的CSS样式具体代码如下,控制幻灯片的显示样式; /* 以下特效CSS */
.focus {width:600px; height:280px; margin:0 auto; overflow:hidden; position:relative;}
.focus ul {height:380px; position:absolute;}
.focus ul li {float:left; width:600px; height:280px; overflow:hidden; position:relative; background:#000;}
.focus ul li div {position:absolute; overflow:hidden;}
.focus .btnBg {position:absolute; width:600px; height:20px; left:0; bottom:0; background:#000; display:none;}
.focus .btn {position:absolute; width:680px; height:23px; padding:0px 10px 0px 10px; right:0; bottom:6px; text-align:right;}
.focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:24px; line-height:24px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
.focus .btn span.on {background:#fff;}
.focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(img/sprite.png) no-repeat 0 0; cursor:pointer;}
.focus .pre {left:0;}
.focus .next {right:0; background-position:right top;}
</style>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/sl.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$.focus("#focus001");
});
</script> - 下载幻灯片的JS文件,然后解压上传到自己网站的根目录下。下载地址:https://pan.baidu.com/s/1gdKl6ld
- 通过FTP软件去替IMG文件夹中的图片为自己网站的图片即可。
以上是制作论坛网站幻灯片的方法,其它程序网站的方法可以参考:如何制作网站幻灯片
相关阅读:
自己做网站如何制作幻灯片/轮播切换图
ecshop商城网站首页幻灯片替换成自定义js轮播方法
网站图片轮播图功能制作
好了关于论坛的这篇文章就说到这里希望可以帮助大家。有问题可以联系解决。声明,本站内容来源于互联网如果侵犯了你的权益请联系本站删除。如何安全的备份discuz论坛网站数据库
当网站做好之后,为了安全起见,要一段时间备份一下网站数据库。备案网站数据库的方法很多,可以利用第三方软件备份,但这都不是很安全。如何才能安全的备份DZ论坛的网站数据库呢?(相关知识:网站数据如何备份)