网站通用3D自动轮播图代码免费分享

图片[1]-网站通用3D自动轮播图代码免费分享-QQ沐编程

源码介绍

3D自动轮播图代码,适用于所有的网站,嵌入到网页里,使其与原来的源码分离,这样不仅修改轻松,也能避免不小心改错网站原本的代码,当然你也可以直接把html代码放进合适的位置,如果你的网站是基于PHP的参考如下

在源码合适的位置加上这一句

<?php include_once('slider/slider.html');?>

加在主页文件想要显示的地方,文件中的各个路径仔细看一下,自己修改,本身没有自适应,只判断了一个分辨率,还有啥分辨率自己再加,自适应的轮播其实也很简单,加几行css代码就行了,如果有css或者js冲突的话自己调整。

以下是我写的自适应,效果算可以了,自己也可以改,将我的代码加入css/style.css文件底部就行了

@media(max-width:960px)
{
    
    .warper{width: 343px; height: 137px;}
    .ws_thumbs{display:none}
    .jiupan{margin-bottom:1px;}
}

下载地址

蓝奏云

© 版权声明
THE END
喜欢就支持一下吧
点赞7赞赏 分享