javascript仿qq界面的折叠菜单实现代码
程序员文章站
2023-12-12 19:51:28
最近一直在研究网页特效,看到qq界面的折叠菜单,于是冒出个想法,自己写一个类似的,上网查了一下,发现已经有不少类似的菜单效果,不管那么多,先写着再说吧. 以下是html结构...
最近一直在研究网页特效,看到qq界面的折叠菜单,于是冒出个想法,自己写一个类似的,上网查了一下,发现已经有不少类似的菜单效果,不管那么多,先写着再说吧.
以下是html结构:
<div id="a"><div id="h1">sdfds</div><div id="b1">dsfdsfsdfsd</div><div id="h2">dsf</div><div id="b2">dsfdsfsdf</div>.......................</div>
id为a里的便是你要添加的菜单的标题和内容.
下面是javascript代码:
入口参数t是你要传递的二维数组,以一个标题加内容为一个数组项的形式:
下面是调用代码:
<html>
<head>
<title>untitled document</title>
</head>
<body>
<script src="kongjian.js" ></script>
<script>
var a=sx.activex.packmenu.create([["asd","sadsadas"],["sd","sadsaas"],["w","waedqwdq"],["e","efwefw"]]);
//a.contenteditable=true;
document.body.appendchild(a);
</script>
</body>
</html>
搞定,有兴趣的朋友可以看下效果.
以下是html结构:
<div id="a"><div id="h1">sdfds</div><div id="b1">dsfdsfsdfsd</div><div id="h2">dsf</div><div id="b2">dsfdsfsdf</div>.......................</div>
id为a里的便是你要添加的菜单的标题和内容.
下面是javascript代码:
入口参数t是你要传递的二维数组,以一个标题加内容为一个数组项的形式:
下面是调用代码:
<html>
<head>
<title>untitled document</title>
</head>
<body>
<script src="kongjian.js" ></script>
<script>
var a=sx.activex.packmenu.create([["asd","sadsadas"],["sd","sadsaas"],["w","waedqwdq"],["e","efwefw"]]);
//a.contenteditable=true;
document.body.appendchild(a);
</script>
</body>
</html>
搞定,有兴趣的朋友可以看下效果.
推荐阅读
-
javascript仿qq界面的折叠菜单实现代码
-
javascript仿qq界面的折叠菜单实现代码
-
javascript实现的仿腾讯QQ窗口抖动效果代码
-
javascript实现的仿腾讯QQ窗口抖动效果代码
-
javascript 仿QQ滑动菜单效果代码_javascript技巧
-
javascript仿qq界面的折叠菜单实现代码_导航菜单
-
js实现改进的仿蓝色论坛导航菜单效果代码_javascript技巧
-
JS+CSS实现仿支付宝菜单选中效果代码_javascript技巧
-
javascript仿qq界面的折叠菜单实现代码_导航菜单
-
js实现改进的仿蓝色论坛导航菜单效果代码_javascript技巧