您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> Html5 >> 正文

js点击html标签切换

作者:佚名    责任编辑:admin    更新时间:2022-06-22

欢迎大家在这里学习html标签切换!这里是我们给大家整理出来的精彩内容。我相信,这些问题也肯定是很多朋友在关心的,所以我就给大家谈谈这个!

<html>
<head>
<meta charset=UTF-8 />
<title>test</title>
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$ (function ()
    {
    $ ('.footer li').click (function ()
    {
    var that = $ (this);
    that.addClass ('select').siblings ('li').removeClass ('select');
    var i = that.index ('.footer li');
    var len = 100 / 3;
    var lenwidth = len * i + '%';
    $ ('section.pagewrap').css (
    {
        '-webkit-transform' : "translate(" + lenwidth + ")",
        '-webkit-transition' : '300ms linear'
    });
    })
    })

好了,html标签切换内容就给大家介绍到这里了。希望大家继续关注我们的网站!

相关推荐:

什么是html标签类型