网站通用3D自动轮播图代码

火币

火币HTX

火币是全球三大交易所之一,虚拟货币交易平台安全可靠,注册领取新人礼包!

图片[1]-玩转网网站通用3D自动轮播图代码-玩转网

3D自动轮播图代码,适用于所有的网站,源码来源于站长之家,建议用php代码进行调用,使其与原来的源码分离,这样不仅修改轻松,也能避免不小心改错网站原本的代码,当然你也可以直接把html代码放进合适的位置,具体看你了,用调用的话,在源码合适的位置加上这一句

<?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
点赞10赞赏 分享