用以下的代码,用css和js写出动态导航栏

JavaScript024

用以下的代码,用css和js写出动态导航栏,第1张

纯css也是可以的,c3的内容。

现在普遍用js做动画效果,兼容问题。

但是。。。由于移动的开发趋势,并且移动端全面支持c3,js动画就普遍弱化了,就连jquery3版本的都不再支持js动画API

所以,目前来看c3在动画上更胜一筹。

function showImg(index){

var adWidth = $(".content_right .ad").width()

$(".slider").stop(true,false).animate({left : -adWidth*index},1000)

$(".num li").removeClass("on")

.eq(index).addClass("on")

}

当然你也要调整样式的