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

html-css024

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链接')//这样调用就可以了

下载Jquery文件并引入

编写html文件,为标题tr设置class=titletr,描述tr设置class=desctr,并分别设置id

编写css文件,设置表格的width:200px,将标题tr设置为text-align:center并设置背景颜色

编写js文件来动态控制表格的效果,先采用已经删除的toggle()方法会出现,先显示后隐藏的效果Jquery toggle()方法的使用换用hover()方法来实现效果

Jquery toggle()方法的使用

使用toggle()的另一种支持形式

$(function(){

    $('.titletr').toggle(function(){

        $(this).next().fadeIn(600)

    },function(){

        $(this).next().fadeOut(600)

    })

})

$(function(){

    $('.titletr').hover(function(){

        $(this).next().fadeIn(600)

    },function(){

        $(this).next().fadeOut(600)

    })

})

$(function(){

    $('.titletr').click(function(){

        $(this).next().toggle(600)

    },function(){

        $(this).next().toggle(600)

    })

})

在使用toggle()方法是一定要确认版本

可以通过绑定click()来实现已经删除的toggle()方法的功能