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

html-css017

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 属性，执行自定义动画。