萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> js點擊html標簽切換

js點擊html標簽切換

歡迎大家在這裡學習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標簽類型 

copyright © 萬盛學電腦網 all rights reserved