toggle如何在1.css和2.css中间切换

html-css041

toggle如何在1.css和2.css中间切换,第1张

这个应该用document.createElement 来实现

toggle应该是js函数;

function toggle(href){

    //假定ID为toggleId

    var ele = document.getElementById('toggleId')

    if(ele)ele.remove()

    //然后增加一个css

    var cssele = document.createElement('link')

    cssele.href = href

    cssele.type = 'style/css'

    cssele.rel = 'stylesheet'

    var head = document.querySelector('head')

    head.appendChild(cssele)

}

toggle('某个css链接')//这样调用就可以了

没看明白是想做什么呢?是要用toggle实现animate那段吗?

toggle 只能切换隐藏和显示状态,不能做高度的修改的,可以用 toggleClass 实现,但没有 animate 动画效果好。

.toggleClass( className )

在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即:如果存在(不存在)就删除(添加)一个类。

.toggle( handler(eventObject), handler(eventObject) [, handler(eventObject) ] )

绑定两个或多个处理程序绑定到匹配的元素,用来执行在交替的点击。

.animate( properties [, duration ] [, easing ] [, complete ] )

根据一组 CSS 属性,执行自定义动画。