jQuery仿WebQQ主题菜单ui界面

时间：2015-01-21 来源：互联网

特效说明：

一款jQuery仿WebQQ主题菜单ui设计界面网页特效，类似windows7操作系统界面，可视化菜单操作，带桌面插件功能。（兼容测试：IE7及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器）

使用方法：

1、调用CSS样式：
<link href="css/jquery-ui-1.8.24.custom.css" rel="stylesheet" type="text/css" />
<link href="css/main.css" rel="stylesheet" type="text/css" />
<link href="css/themesetting.css" rel="stylesheet" type="text/css" >
<link href="css/skins/black.css" rel="stylesheet" />
<link href="css/powerFloat.css" rel="stylesheet" type="text/css"/>
<link href="css/smartMenu.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />

2、调用JS插件代码：
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/jquery-powerFloat-min.js"></script>
<script type="text/javascript" src="js/jquery-smartMenu-min.js"></script>
<script type="text/javascript" src="js/jquery-class.js"></script>
<script type="text/javascript" src="js/artDialog.js"></script>
<script type="text/javascript" src="js/iframeTools.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.24.custom.min.js"></script>
<script type="text/javascript" src="js/interface.js"></script>
<script type="text/javascript" src="js/data.js"></script>
<script type="text/javascript" src="js/bsv1.3-core.js"></script>

3、添加HTML代码：
将......之间的html和js代码；放在<body></body>之间。

标签右键菜单响应式全屏弹出层 windows桌面效果

预览下载收藏分享