jQuery制作仿腾讯web qq用户体验桌面
网络编程 发布日期：2024/10/10 浏览次数：1
正在浏览：jQuery制作仿腾讯web qq用户体验桌面
jquery ui制作仿腾讯web qq用户界面，酷炫个性的desktop桌面特效展示支持各大主流浏览器IE6以上。jQuery用户体验设计,web qq桌面十分动感酷炫。
查看演示：
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery ui仿腾讯web qq界面desktop酷炫特效</title>
<meta name="description" content="jquery ui制作仿腾讯web qq用户界面，酷炫个性的desktop桌面特效展示支持各大主流浏览器IE6以上。jQuery用户体验设计,web qq桌面十分动感酷炫。" />
<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.7.1.min.js"><script type="text/javascript" src="/UploadFiles/2021-04-02/myLib.js"><script type="text/javascript" src="/UploadFiles/2021-04-02/function.js"></head>
<body>
<a href="http://www.jsfoot.com/" class="powered_by">Powered by jsfoot.com</a>
<div id="wallpapers"></div>
<div id="navBar"><a href="#" class="currTab" title="桌面1"></a><a href="#" title="桌面2"></a><a href="#" title="桌面3"></a><a href="#" title="桌面4"></a></div>
<div id="desktopPanel">
<div id="desktopInnerPanel">
<ul class="deskIcon currDesktop">
<li class="desktop_icon" id="leshiwang"><span class="icon"><img src="/UploadFiles/2021-04-02/icon4.png"><li class="desktop_icon" id="Pixlr"><span class="icon"><img src="icon/icon6.png"><li class="desktop_icon" id="dubianFim"><span class="icon"><img src="/UploadFiles/2021-04-02/icon7.png"><li class="desktop_icon" id="kuwoMusic"><span class="icon"><img src="icon/icon8.png"><li class="desktop_icon" id="qidian"><span class="icon"><img src="/UploadFiles/2021-04-02/icon9.png"><li class="desktop_icon" id="hudong"><span class="icon"><img src="icon/icon10.png"><li class="desktop_icon" id="qianqianMusic"><span class="icon"><img src="/UploadFiles/2021-04-02/icon5.png"><li class="desktop_icon add_icon"><span class="icon"><img src="images/add_icon.png"></ul>
<ul class="deskIcon">
<li class="desktop_icon" id="zfMeishi"><span class="icon"><img src="/UploadFiles/2021-04-02/icon13.png"><li class="desktop_icon" id="mglvyou"><span class="icon"><img src="icon/icon12.png"><li class="desktop_icon" id="taobao"><span class="icon"><img src="/UploadFiles/2021-04-02/icon14.png"><li class="desktop_icon" id="qingshu"><span class="icon"><img src="icon/icon15.png"><li class="desktop_icon" id="fenghuang"><span class="icon"><img src="/UploadFiles/2021-04-02/icon16.png"><li class="desktop_icon" id="zhongguancun"><span class="icon"><img src="icon/icon17.png"><li class="desktop_icon add_icon"><span class="icon"><img src="/UploadFiles/2021-04-02/add_icon.png"></ul>
<ul class="deskIcon">
<li class="desktop_icon" id="win35"><span class="icon"><img src="/UploadFiles/2021-04-02/icon18.png"><li class="desktop_icon" id="win36"><span class="icon"><img src="icon/icon19.png"><li class="desktop_icon" id="win37"><span class="icon"><img src="/UploadFiles/2021-04-02/icon8.png"><li class="desktop_icon add_icon"><span class="icon"><img src="images/add_icon.png"></ul>
<ul class="deskIcon">
<li class="desktop_icon" id="win38"><span class="icon"><img src="/UploadFiles/2021-04-02/icon20.png"><li class="desktop_icon" id="win39"><span class="icon"><img src="icon/icon21.png"><li class="desktop_icon add_icon"><span class="icon"><img src="/UploadFiles/2021-04-02/add_icon.png"></ul>
</div>
</div><!--desktopPanel end-->
<div id="taskBarWrap">
<div id="taskBar">
<div id="leftBtn"><a href="#" class="upBtn"></a></div>
<div id="rightBtn"><a href="#" class="downBtn"></a></div>
<div id="task_lb_wrap"><div id="task_lb"></div></div>
</div>
</div><!--taskBarWrap end-->
<div id="lr_bar">
<ul id="default_app">
<li id="app0"><span><img src="/UploadFiles/2021-04-02/icon1.png"><li id="app1"><span><img src="icon/icon2.png"><li id="app2"><span><img src="/UploadFiles/2021-04-02/icon3.png"><li id="app3"><span><img src="icon/icon11.png"></ul>
<div id="default_tools"><span id="showZm_btn" title="全屏"></span><span id="shizhong_btn" title="时钟"></span><span id="weather_btn" title="天气"></span><span id="them_btn" title="主题"></span></div>
<div id="start_block">
<a title="开始" id="start_btn"></a>
<div id="start_item">
<ul class="item admin">
<li><span class="adminImg"></span> jsfoot</li>
</ul>
<ul class="item">
<li><span class="sitting_btn"></span>系统设置</li>
<li><span class="help_btn"></span>使用指南 <b></b></li>
<li><span class="about_btn"></span>关于我们</li>
<li><span class="logout_btn"></span>退出系统</li>
</ul>
</div>
</div>
</div><!--lr_bar end-->
</body>
</html>
查看演示：
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery ui仿腾讯web qq界面desktop酷炫特效</title>
<meta name="description" content="jquery ui制作仿腾讯web qq用户界面，酷炫个性的desktop桌面特效展示支持各大主流浏览器IE6以上。jQuery用户体验设计,web qq桌面十分动感酷炫。" />
<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.7.1.min.js"><script type="text/javascript" src="/UploadFiles/2021-04-02/myLib.js"><script type="text/javascript" src="/UploadFiles/2021-04-02/function.js"></head>
<body>
<a href="http://www.jsfoot.com/" class="powered_by">Powered by jsfoot.com</a>
<div id="wallpapers"></div>
<div id="navBar"><a href="#" class="currTab" title="桌面1"></a><a href="#" title="桌面2"></a><a href="#" title="桌面3"></a><a href="#" title="桌面4"></a></div>
<div id="desktopPanel">
<div id="desktopInnerPanel">
<ul class="deskIcon currDesktop">
<li class="desktop_icon" id="leshiwang"><span class="icon"><img src="/UploadFiles/2021-04-02/icon4.png"><li class="desktop_icon" id="Pixlr"><span class="icon"><img src="icon/icon6.png"><li class="desktop_icon" id="dubianFim"><span class="icon"><img src="/UploadFiles/2021-04-02/icon7.png"><li class="desktop_icon" id="kuwoMusic"><span class="icon"><img src="icon/icon8.png"><li class="desktop_icon" id="qidian"><span class="icon"><img src="/UploadFiles/2021-04-02/icon9.png"><li class="desktop_icon" id="hudong"><span class="icon"><img src="icon/icon10.png"><li class="desktop_icon" id="qianqianMusic"><span class="icon"><img src="/UploadFiles/2021-04-02/icon5.png"><li class="desktop_icon add_icon"><span class="icon"><img src="images/add_icon.png"></ul>
<ul class="deskIcon">
<li class="desktop_icon" id="zfMeishi"><span class="icon"><img src="/UploadFiles/2021-04-02/icon13.png"><li class="desktop_icon" id="mglvyou"><span class="icon"><img src="icon/icon12.png"><li class="desktop_icon" id="taobao"><span class="icon"><img src="/UploadFiles/2021-04-02/icon14.png"><li class="desktop_icon" id="qingshu"><span class="icon"><img src="icon/icon15.png"><li class="desktop_icon" id="fenghuang"><span class="icon"><img src="/UploadFiles/2021-04-02/icon16.png"><li class="desktop_icon" id="zhongguancun"><span class="icon"><img src="icon/icon17.png"><li class="desktop_icon add_icon"><span class="icon"><img src="/UploadFiles/2021-04-02/add_icon.png"></ul>
<ul class="deskIcon">
<li class="desktop_icon" id="win35"><span class="icon"><img src="/UploadFiles/2021-04-02/icon18.png"><li class="desktop_icon" id="win36"><span class="icon"><img src="icon/icon19.png"><li class="desktop_icon" id="win37"><span class="icon"><img src="/UploadFiles/2021-04-02/icon8.png"><li class="desktop_icon add_icon"><span class="icon"><img src="images/add_icon.png"></ul>
<ul class="deskIcon">
<li class="desktop_icon" id="win38"><span class="icon"><img src="/UploadFiles/2021-04-02/icon20.png"><li class="desktop_icon" id="win39"><span class="icon"><img src="icon/icon21.png"><li class="desktop_icon add_icon"><span class="icon"><img src="/UploadFiles/2021-04-02/add_icon.png"></ul>
</div>
</div><!--desktopPanel end-->
<div id="taskBarWrap">
<div id="taskBar">
<div id="leftBtn"><a href="#" class="upBtn"></a></div>
<div id="rightBtn"><a href="#" class="downBtn"></a></div>
<div id="task_lb_wrap"><div id="task_lb"></div></div>
</div>
</div><!--taskBarWrap end-->
<div id="lr_bar">
<ul id="default_app">
<li id="app0"><span><img src="/UploadFiles/2021-04-02/icon1.png"><li id="app1"><span><img src="icon/icon2.png"><li id="app2"><span><img src="/UploadFiles/2021-04-02/icon3.png"><li id="app3"><span><img src="icon/icon11.png"></ul>
<div id="default_tools"><span id="showZm_btn" title="全屏"></span><span id="shizhong_btn" title="时钟"></span><span id="weather_btn" title="天气"></span><span id="them_btn" title="主题"></span></div>
<div id="start_block">
<a title="开始" id="start_btn"></a>
<div id="start_item">
<ul class="item admin">
<li><span class="adminImg"></span> jsfoot</li>
</ul>
<ul class="item">
<li><span class="sitting_btn"></span>系统设置</li>
<li><span class="help_btn"></span>使用指南 <b></b></li>
<li><span class="about_btn"></span>关于我们</li>
<li><span class="logout_btn"></span>退出系统</li>
</ul>
</div>
</div>
</div><!--lr_bar end-->
</body>
</html>
高通和谷歌日前宣布，推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中，全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前，搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世，有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示，此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。
在对骁龙X Elite参考设计的初步测试中，全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前，搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世，有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示，此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。