为了账号安全,请及时绑定邮箱和手机立即绑定

Jquery 隐藏/显示 左侧frame,需要有动画效果的

Jquery 隐藏/显示 左侧frame,需要有动画效果的

阿晨1998 2019-04-04 06:02:09
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>信息管理系统界面</title></head><frameset rows="50,*" cols="*" frameborder="no" border="0" framespacing="0"><frame src="top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" /><frameset cols="187,*" frameborder="no" border="0" framespacing="0"><frame src="left.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" /><frame src="index.html" name="rightFrame" id="rightFrame" title="rightFrame" /></frameset></frameset><noframes><body></body></noframes></html>如何隐藏/显示 左侧 麻烦大神写下JQUERY代码!
查看完整描述

2 回答

?
胡子哥哥

TA贡献1825条经验 获得超6个赞


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

<!DOCTYPE HTML>

<html>

<head>

<meta charset=UTF-8 />

<title>MODEL PAGE</title>

<style type="text/css">

table {

    margin: 0 auto;

    border: 1px solid black;

    border-collapse: collapse;

    border: 1px solid black;

}

 

td {

    border: 1px solid black;

}

</style>

<script type="text/javascript" src="jquery-1.8.0.min.js"></script>

<script type="text/javascript">

    var interval = null;

    $ (function ()

    {

        var fs = $ ('frameset:last');

        interval = setInterval (function ()

        {

            var L = parseFloat(fs.prop ('cols').match (/\d+/g)[0]);

            if (L <= 0)

            {

                clearInterval(interval);

                interval = null;

                fs.prop ('cols', '0,*');

            }

            fs.prop ('cols', L - 10 + ',*');

        }, 20);

    })

</script>

</head>

<frameset rows="50,*" cols="*" frameborder="no" border="0" framespacing="0">

    <frame src="top.html" name="topFrame" scrolling="No" noresize="noresize"

        id="topFrame" title="topFrame" />

    <frameset cols="187,*" frameborder="no" border="0" framespacing="0">

        <frame src="left.html" name="leftFrame" scrolling="No" noresize="noresize"

            id="leftFrame" title="leftFrame" />

        <frame src="index.html" name="rightFrame" id="rightFrame" title="rightFrame" />

    </frameset>

</frameset>

<noframes>

    <body>

    </body>

</noframes>

</html>


 


查看完整回答
反对 回复 2019-04-05
  • 2 回答
  • 0 关注
  • 411 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信