演示图:

特效说明:

一款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开始–>……<!–效果html结束–>之间的html和js代码;放在<body></body>之间。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。