Files
gitlab-instance-0a899031_we…/cn/index.html
2025-09-12 19:18:29 +08:00

947 lines
35 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zh">
<head>
<script
async
src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"
></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-8550836177608334",
enable_page_level_ads: true,
});
</script>
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?c05bb16ea908292af9f6c513087a1cc3";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="author" content="viggo" />
<title>WebStack.cc - 设计师网址导航</title>
<meta
name="keywords"
content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc"
/>
<meta
name="description"
content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站定时更新分享优质产品设计书签。www.webstack.cc"
/>
<link rel="shortcut icon" href="../assets/images/favicon.png" />
<link
rel="stylesheet"
href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic"
/>
<link
rel="stylesheet"
href="../assets/css/fonts/linecons/css/linecons.css"
/>
<link
rel="stylesheet"
href="../assets/css/fonts/fontawesome/css/font-awesome.min.css"
/>
<link rel="stylesheet" href="../assets/css/bootstrap.css" />
<link rel="stylesheet" href="../assets/css/xenon-core.css" />
<link rel="stylesheet" href="../assets/css/xenon-components.css" />
<link rel="stylesheet" href="../assets/css/xenon-skins.css" />
<link rel="stylesheet" href="../assets/css/nav.css" />
<script src="../assets/js/jquery-1.11.1.min.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- / FB Open Graph -->
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.webstack.cc/" />
<meta
property="og:title"
content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站定时更新分享优质产品设计书签。www.webstack.cc"
/>
<meta
property="og:description"
content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc"
/>
<meta
property="og:image"
content="http://webstack.cc/assets/images/webstack_banner_cn.png"
/>
<meta
property="og:site_name"
content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站定时更新分享优质产品设计书签。www.webstack.cc"
/>
<!-- / Twitter Cards -->
<meta name="twitter:card" content="summary_large_image" />
<meta
name="twitter:title"
content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站定时更新分享优质产品设计书签。www.webstack.cc"
/>
<meta
name="twitter:description"
content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc"
/>
<meta
name="twitter:image"
content="http://www.webstack.cc/assets/images/webstack_banner_cn.png"
/>
</head>
<body class="page-body">
<!-- skin-white -->
<div class="page-container">
<div class="sidebar-menu toggle-others fixed">
<div class="sidebar-menu-inner">
<header class="logo-env">
<!-- logo -->
<div class="logo">
<a href="index.html" class="logo-expanded">
<img src="../assets/images/logo@2x.png" width="100%" alt="" />
</a>
<a href="index.html" class="logo-collapsed">
<img
src="../assets/images/logo-collapsed@2x.png"
width="40"
alt=""
/>
</a>
</div>
<div class="mobile-menu-toggle visible-xs">
<a href="#" data-toggle="user-info-menu">
<i class="linecons-cog"></i>
</a>
<a href="#" data-toggle="mobile-menu">
<i class="fa-bars"></i>
</a>
</div>
</header>
<ul id="main-menu" class="main-menu">
<li>
<a href="#youtube官方" class="smooth">
<i class="linecons-star"></i>
<span class="title">youtube官方</span>
</a>
</li>
<li>
<a href="#科学上网" class="smooth">
<i class="linecons-star"></i>
<span class="title">科学上网</span>
</a>
</li>
<li>
<a href="#社区资讯" class="smooth">
<i class="linecons-doc"></i>
<span class="title">社区资讯</span>
</a>
</li>
<li>
<a href="about.html">
<i class="linecons-heart"></i>
<span class="tooltip-blue">关于本站</span>
<span class="label label-Primary pull-right hidden-collapsed"
>♥︎</span
>
</a>
</li>
<!-- <div class="submit-tag">
<a href="about.html">
<i class="linecons-heart"></i>
<span class="tooltip-blue">关于本站</span>
<span class="label label-Primary pull-right hidden-collapsed">♥︎</span>
</a>
</div> -->
</ul>
</div>
</div>
<div class="main-content">
<nav class="navbar user-info-navbar" role="navigation">
<!-- User Info, Notifications and Menu Bar -->
<!-- Left links for user info navbar -->
<ul class="user-info-menu left-links list-inline list-unstyled">
<li class="hidden-sm hidden-xs">
<a href="#" data-toggle="sidebar">
<i class="fa-bars"></i>
</a>
</li>
<li class="dropdown hover-line language-switcher">
<a
href="../cn/index.html"
class="dropdown-toggle"
data-toggle="dropdown"
>
<img src="../assets/images/flags/flag-cn.png" alt="flag-cn" />
Chinese
</a>
<ul class="dropdown-menu languages">
<li>
<a href="../en/index.html">
<img
src="../assets/images/flags/flag-us.png"
alt="flag-us"
/>
English
</a>
</li>
<li class="active">
<a href="../cn/index.html">
<img
src="../assets/images/flags/flag-cn.png"
alt="flag-cn"
/>
Chinese
</a>
</li>
</ul>
</li>
</ul>
<ul class="user-info-menu right-links list-inline list-unstyled">
<li class="hidden-sm hidden-xs">
<a
href="https://github.com/WebStackPage/WebStackPage.github.io"
target="_blank"
>
<i class="fa-github"></i> GitHub
</a>
</li>
</ul>
<!-- <a href="https://github.com/WebStackPage/WebStackPage.github.io" target="_blank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a> -->
</nav>
<!-- youtube官方 -->
<h4 class="text-gray">
<i class="linecons-tag" style="margin-right: 7px" id="youtube官方"></i
>youtube官方
</h4>
<div class="row">
<div class="col-sm-3">
<div
class="xe-widget xe-conversations box2 label-info"
onclick="window.open('https://www.youtube.com/', '_blank')"
data-toggle="tooltip"
data-placement="bottom"
title=""
data-original-title="https://www.youtube.com/"
>
<div class="xe-comment-entry">
<a class="xe-user-img">
<img
data-src="../assets/images/logos/dribbble.png"
class="lozad img-circle"
width="40"
/>
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>youtube</strong>
</a>
<p class="overflowClip_2">youtube官网</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div
class="xe-widget xe-conversations box2 label-info"
onclick="window.open('https://behance.net/', '_blank')"
data-toggle="tooltip"
data-placement="bottom"
title=""
data-original-title="https://behance.net/"
>
<div class="xe-comment-entry">
<a class="xe-user-img">
<img
data-src="../assets/images/logos/behance.png"
class="lozad img-circle"
width="40"
/>
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>ypp合作伙伴计划</strong>
</a>
<p class="overflowClip_2">ypp合作伙伴计划</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div
class="xe-widget xe-conversations box2 label-info"
onclick="window.open('http://www.ui.cn/', '_blank')"
data-toggle="tooltip"
data-placement="bottom"
title=""
data-original-title="http://www.ui.cn/"
>
<div class="xe-comment-entry">
<a class="xe-user-img">
<img
data-src="../assets/images/logos/uicn.png"
class="lozad img-circle"
width="40"
/>
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>adsense</strong>
</a>
<p class="overflowClip_2">adsense</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div
class="xe-widget xe-conversations box2 label-info"
onclick="window.open('https://www.pinterest.com/', '_blank')"
data-toggle="tooltip"
data-placement="bottom"
title=""
data-original-title="https://www.pinterest.com/"
>
<div class="xe-comment-entry">
<a class="xe-user-img">
<img
data-src="../assets/images/logos/pinterest.png"
class="lozad img-circle"
width="40"
/>
</a>
<span
class="label label-info"
data-toggle="tooltip"
data-placement="left"
title=""
data-original-title="Hello I am a Tooltip"
></span>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>devlop</strong>
</a>
<p class="overflowClip_2">devlop开发者api</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div
class="xe-widget xe-conversations box2 label-info"
onclick="window.open('http://www.zcool.com.cn/', '_blank')"
data-toggle="tooltip"
data-placement="bottom"
title=""
data-original-title="http://www.zcool.com.cn/"
>
<div class="xe-comment-entry">
<a class="xe-user-img">
<img
data-src="../assets/images/logos/zcool.png"
class="lozad img-circle"
width="40"
/>
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>justmysocks</strong>
</a>
<p class="overflowClip_2">https://justmysocks.net/</p>
</div>
</div>
</div>
</div>
</div>
<!-- 常用推荐 -->
<h4 class="text-gray">
<i class="linecons-tag" style="margin-right: 7px" id="科学上网"></i
>科学上网
</h4>
<div class="row">
<div class="col-sm-3">
<div
class="xe-widget xe-conversations box2 label-info"
onclick="window.open('https://dribbble.com/', '_blank')"
data-toggle="tooltip"
data-placement="bottom"
title=""
data-original-title="https://dribbble.com/"
>
<div class="xe-comment-entry">
<a class="xe-user-img">
<img
data-src="../assets/images/logos/dribbble.png"
class="lozad img-circle"
width="40"
/>
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>vultr</strong>
</a>
<p class="overflowClip_2">vultr</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div
class="xe-widget xe-conversations box2 label-info"
onclick="window.open('https://behance.net/', '_blank')"
data-toggle="tooltip"
data-placement="bottom"
title=""
data-original-title="https://behance.net/"
>
<div class="xe-comment-entry">
<a class="xe-user-img">
<img
data-src="../assets/images/logos/behance.png"
class="lozad img-circle"
width="40"
/>
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>proxy-cheap</strong>
</a>
<p class="overflowClip_2">静态住宅ip</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div
class="xe-widget xe-conversations box2 label-info"
onclick="window.open('http://www.ui.cn/', '_blank')"
data-toggle="tooltip"
data-placement="bottom"
title=""
data-original-title="http://www.ui.cn/"
>
<div class="xe-comment-entry">
<a class="xe-user-img">
<img
data-src="../assets/images/logos/uicn.png"
class="lozad img-circle"
width="40"
/>
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>搬瓦工</strong>
</a>
<p class="overflowClip_2">https://bandwagonhost.com/</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div
class="xe-widget xe-conversations box2 label-info"
onclick="window.open('https://www.pinterest.com/', '_blank')"
data-toggle="tooltip"
data-placement="bottom"
title=""
data-original-title="https://www.pinterest.com/"
>
<div class="xe-comment-entry">
<a class="xe-user-img">
<img
data-src="../assets/images/logos/pinterest.png"
class="lozad img-circle"
width="40"
/>
</a>
<span
class="label label-info"
data-toggle="tooltip"
data-placement="left"
title=""
data-original-title="Hello I am a Tooltip"
></span>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>RackNerd</strong>
</a>
<p class="overflowClip_2">https://www.racknerd.com/</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div
class="xe-widget xe-conversations box2 label-info"
onclick="window.open('http://www.zcool.com.cn/', '_blank')"
data-toggle="tooltip"
data-placement="bottom"
title=""
data-original-title="http://www.zcool.com.cn/"
>
<div class="xe-comment-entry">
<a class="xe-user-img">
<img
data-src="../assets/images/logos/zcool.png"
class="lozad img-circle"
width="40"
/>
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>justmysocks</strong>
</a>
<p class="overflowClip_2">https://justmysocks.net/</p>
</div>
</div>
</div>
</div>
</div>
<br />
<!-- END 常用推荐 -->
<!-- 社区资讯 -->
<h4 class="text-gray">
<i class="linecons-tag" style="margin-right: 7px" id="社区资讯"></i
>社区资讯
</h4>
<div class="row">
<div class="col-sm-3">
<div
class="xe-widget xe-conversations box2 label-info"
onclick="window.open('https://www.leiphone.com/', '_blank')"
data-toggle="tooltip"
data-placement="bottom"
title=""
data-original-title="https://www.leiphone.com/"
>
<div class="xe-comment-entry">
<a class="xe-user-img">
<img
data-src="../assets/images/logos/leiphone.png"
class="lozad img-circle"
width="40"
/>
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>雷锋网</strong>
</a>
<p class="overflowClip_2">
人工智能和智能硬件领域的互联网科技媒体
</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div
class="xe-widget xe-conversations box2 label-info"
onclick="window.open('http://36kr.com/', '_blank')"
data-toggle="tooltip"
data-placement="bottom"
title=""
data-original-title="http://36kr.com/"
>
<div class="xe-comment-entry">
<a class="xe-user-img">
<img
data-src="../assets/images/logos/36kr.png"
class="lozad img-circle"
width="40"
/>
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>36kr</strong>
</a>
<p class="overflowClip_2">创业资讯、科技新闻</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div
class="xe-widget xe-conversations box2 label-info"
onclick="window.open('https://www.digitaling.com/', '_blank')"
data-toggle="tooltip"
data-placement="bottom"
title=""
data-original-title="https://www.digitaling.com/"
>
<div class="xe-comment-entry">
<a class="xe-user-img">
<img
data-src="../assets/images/logos/digitaling.png"
class="lozad img-circle"
width="40"
/>
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>数英网</strong>
</a>
<p class="overflowClip_2">数字媒体及职业招聘网站</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div
class="xe-widget xe-conversations box2 label-info"
onclick="window.open('http://www.lieyunwang.com/', '_blank')"
data-toggle="tooltip"
data-placement="bottom"
title=""
data-original-title="http://www.lieyunwang.com/"
>
<div class="xe-comment-entry">
<a class="xe-user-img">
<img
data-src="../assets/images/logos/lieyunwang.png"
class="lozad img-circle"
width="40"
/>
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>猎云网</strong>
</a>
<p class="overflowClip_2">互联网创业项目推荐和创业创新资讯</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<div
class="xe-widget xe-conversations box2 label-info"
onclick="window.open('http://www.woshipm.com/', '_blank')"
data-toggle="tooltip"
data-placement="bottom"
title=""
data-original-title="http://www.woshipm.com/"
>
<div class="xe-comment-entry">
<a class="xe-user-img">
<img
data-src="../assets/images/logos/woshipm.png"
class="lozad img-circle"
width="40"
/>
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>人人都是产品经理</strong>
</a>
<p class="overflowClip_2">产品经理、产品爱好者学习交流平台</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div
class="xe-widget xe-conversations box2 label-info"
onclick="window.open('https://www.zaodula.com/', '_blank')"
data-toggle="tooltip"
data-placement="bottom"
title=""
data-original-title="https://www.zaodula.com/"
>
<div class="xe-comment-entry">
<a class="xe-user-img">
<img
data-src="../assets/images/logos/zaodula.png"
class="lozad img-circle"
width="40"
/>
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>互联网早读课</strong>
</a>
<p class="overflowClip_2">互联网行业深度阅读与学习平台</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div
class="xe-widget xe-conversations box2 label-info"
onclick="window.open('http://www.chanpin100.com/', '_blank')"
data-toggle="tooltip"
data-placement="bottom"
title=""
data-original-title="http://www.chanpin100.com/"
>
<div class="xe-comment-entry">
<a class="xe-user-img">
<img
data-src="../assets/images/logos/chanpin100.png"
class="lozad img-circle"
width="40"
/>
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>产品壹佰</strong>
</a>
<p class="overflowClip_2">
为产品经理爱好者提供最优质的产品资讯、原创内容和相关视频课程
</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div
class="xe-widget xe-conversations box2 label-info"
onclick="window.open('http://www.pmcaff.com/', '_blank')"
data-toggle="tooltip"
data-placement="bottom"
title=""
data-original-title="http://www.pmcaff.com/"
>
<div class="xe-comment-entry">
<a class="xe-user-img">
<img
data-src="../assets/images/logos/pmcaff.png"
class="lozad img-circle"
width="40"
/>
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>PMCAFF</strong>
</a>
<p class="overflowClip_2">
中国第一产品经理人气组织,专注于研究互联网产品
</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<div
class="xe-widget xe-conversations box2 label-info"
onclick="window.open('http://www.iyunying.org/', '_blank')"
data-toggle="tooltip"
data-placement="bottom"
title=""
data-original-title="http://www.iyunying.org/"
>
<div class="xe-comment-entry">
<a class="xe-user-img">
<img
data-src="../assets/images/logos/iyunying.png"
class="lozad img-circle"
width="40"
/>
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>爱运营</strong>
</a>
<p class="overflowClip_2">
网站运营人员学习交流,专注于网站产品运营管理、淘宝运营。
</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div
class="xe-widget xe-conversations box2 label-info"
onclick="window.open('http://www.niaogebiji.com/', '_blank')"
data-toggle="tooltip"
data-placement="bottom"
title=""
data-original-title="http://www.niaogebiji.com/"
>
<div class="xe-comment-entry">
<a class="xe-user-img">
<img
data-src="../assets/images/logos/niaogebiji.png"
class="lozad img-circle"
width="40"
/>
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>鸟哥笔记</strong>
</a>
<p class="overflowClip_2">移动互联网第一干货平台</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div
class="xe-widget xe-conversations box2 label-info"
onclick="window.open('http://www.gtn9.com/', '_blank')"
data-toggle="tooltip"
data-placement="bottom"
title=""
data-original-title="http://www.gtn9.com/"
>
<div class="xe-comment-entry">
<a class="xe-user-img">
<img
data-src="../assets/images/logos/gtn9.png"
class="lozad img-circle"
width="40"
/>
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>古田路9号</strong>
</a>
<p class="overflowClip_2">国内专业品牌创意平台</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div
class="xe-widget xe-conversations box2 label-info"
onclick="window.open('http://www.uigreat.com/', '_blank')"
data-toggle="tooltip"
data-placement="bottom"
title=""
data-original-title="http://www.uigreat.com/"
>
<div class="xe-comment-entry">
<a class="xe-user-img">
<img
data-src="../assets/images/logos/uigreat.png"
class="lozad img-circle"
width="40"
/>
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>优阁网</strong>
</a>
<p class="overflowClip_2">UI设计师学习交流社区</p>
</div>
</div>
</div>
</div>
</div>
<br />
<!--END UED团队 -->
<!-- Main Footer -->
<!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
<!-- Add class "sticky" to always stick the footer to the end of page (if page contents is small) -->
<!-- Or class "fixed" to always fix the footer to the end of page -->
<footer class="main-footer sticky footer-type-1">
<div class="footer-inner">
<!-- Add your copyright text here -->
<div class="footer-text">
&copy; 2017-2022
<a href="../cn/about.html"><strong>WebStack</strong></a> design by
<a href="https://www.viggoz.com" target="_blank"
><strong>Viggo</strong></a
>
<!-- - Purchase for only <strong>23$</strong> -->
</div>
<!-- Go to Top Link, just add rel="go-top" to any link to add this functionality -->
<div class="go-up">
<a href="#" rel="go-top">
<i class="fa-angle-up"></i>
</a>
</div>
</div>
</footer>
</div>
</div>
<!-- 锚点平滑移动 -->
<script type="text/javascript">
$(document).ready(function () {
//img lazy loaded
const observer = lozad();
observer.observe();
$(document).on("click", ".has-sub", function () {
var _this = $(this);
if (!$(this).hasClass("expanded")) {
setTimeout(function () {
_this.find("ul").attr("style", "");
}, 300);
} else {
$(".has-sub ul").each(function (id, ele) {
var _that = $(this);
if (_this.find("ul")[0] != ele) {
setTimeout(function () {
_that.attr("style", "");
}, 300);
}
});
}
});
$(".user-info-menu .hidden-sm").click(function () {
if ($(".sidebar-menu").hasClass("collapsed")) {
$(".has-sub.expanded > ul").attr("style", "");
} else {
$(".has-sub.expanded > ul").show();
}
});
$("#main-menu li ul li").click(function () {
$(this).siblings("li").removeClass("active"); // 删除其他兄弟元素的样式
$(this).addClass("active"); // 添加当前元素的样式
});
$("a.smooth").click(function (ev) {
ev.preventDefault();
public_vars.$mainMenu
.add(public_vars.$sidebarProfile)
.toggleClass("mobile-is-visible");
ps_destroy();
$("html, body").animate(
{
scrollTop: $($(this).attr("href")).offset().top - 30,
},
{
duration: 500,
easing: "swing",
}
);
});
return false;
});
var href = "";
var pos = 0;
$("a.smooth").click(function (e) {
$("#main-menu li").each(function () {
$(this).removeClass("active");
});
$(this).parent("li").addClass("active");
e.preventDefault();
href = $(this).attr("href");
pos = $(href).position().top - 30;
});
</script>
<!-- Bottom Scripts -->
<script src="../assets/js/bootstrap.min.js"></script>
<script src="../assets/js/TweenMax.min.js"></script>
<script src="../assets/js/resizeable.js"></script>
<script src="../assets/js/joinable.js"></script>
<script src="../assets/js/xenon-api.js"></script>
<script src="../assets/js/xenon-toggles.js"></script>
<!-- JavaScripts initializations and stuff -->
<script src="../assets/js/xenon-custom.js"></script>
<script src="../assets/js/lozad.js"></script>
</body>
</html>