PageSourceSearch

https://www.51xuediannao.com/sucai/

html 51xuediannao.com collected 2026-10-06 22:16:48 UTC 23,329 bytes, 315 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <title>站长素材_网页素材_建站素材 - 懒人建站</title>
6    <meta name="keywords" content="站长素材,网页素材,建站素材" />
7    <meta name="description" content="懒人建站提供-站长素材,网页设计中常用的建站素材图片、网页图标、网页特效等素材资源,这个网页素材都是免费的" />
8    <meta name="viewport"
9      content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
10<meta name="applicable-device" content="pc,mobile">
11<meta name="MobileOptimized" content="width"/>
12<meta name="HandheldFriendly" content="true"/>
13<link rel="icon" sizes="32x32" href="/favicon.ico">
14<link rel="icon" href="/favicon.ico"/>
15<link rel="stylesheet" href="https://www.51xuediannao.com/static/css/css.min.css?rev=1584485663448">
16<link rel="stylesheet" href="https://www.51xuediannao.com/static/css/layout.css?rev=1584485662396">
17<style>
18    .nav-list .one{
19        padding-left: 14px;
20        padding-right: 14px;
21    }
22</style>    
23<link rel="stylesheet" type="text/css" href="https://www.51xuediannao.com/static/css/home.css?dev=1584485662384">
24</head>
25<body>
26<div class="site-bar">
27    <div class="inbox">
28        <div class="start">
29            <span class="pc-show">知识 分享 互助</span>
30            <span class="mobile-show"><a href="//www.51xuediannao.com/" rel="nofollow">懒人建站</a></span>
31        </div>
32        <div class="end" style="display:none">
33            <span class="menu-btn js-nav-menu"><i class="iconfont icon-menu"></i></span>
34            <ul class="fn-dib site-bar-user" id="siteBarUser"></ul>
35        </div>
36        <div class="center">
37
38        </div>
39    </div>
40</div>
41<div class="header">
42    <div class="fn-cf inbox">
43        <strong class="fn-fl logo" id="logo">
44            <a href="//www.51xuediannao.com/" class="logo-a" title="懒人建站,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站"><span class="fn-hide">懒人建站、</span>懒人一百</a>
45        </strong>
46        <p class="site-des">懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。</p>
47        <span class="fn-fl lr-xy">懒人建站提供网页素材下载、网站模板<br>知识 分享 互助!</span>
48        <div class="un-site-top" id="unSiteTop"></div>
49        <div class="fn-fr search">
50            <form action="//www.51xuediannao.com/search.php" name="formsearch" method="get" class="search-form">
51                <div class="fn-dib search-input">
52                    <input type="hidden" name="kwtype" value="0">
53                    <input name="kw" type="text" class="search-key" id="searchkey" value="" placeholder="输入搜索关键字">
54                </div><!--<button name="type" value="2" type="submit" class="search-submit">百度搜索</button>-->
55                <button name="type" value="1" type="submit" class="search-submit">站内搜索</button>
56            </form>
57        </div>
58    </div>
59</div><div class="nav" id="nav">
60    <div class="inbox">
61        <ul class="fn-cf nav-list">
62            <li><a href="/" class="one " rel="nofollow">首页</a></li>
63            <li class="" id='25'><a href="https://www.51xuediannao.com/video/" class="one">视频教程</a></li><li class="" id='8'><a href="https://www.51xuediannao.com/muban/" class="one">网站模板</a></li><li class=" has-sub" id='1'><a href="https://www.51xuediannao.com/js/" class="one">javascript</a></li><li class="cur has-sub" id='9'><a href="https://www.51xuediannao.com/sucai/" class="one">网页素材</a></li><li class=" has-sub" id='13'><a href="https://www.51xuediannao.com/html+css/" class="one">div+css</a></li><li class=" has-sub" id='17'><a href="https://www.51xuediannao.com/ui/" class="one">ui设计</a></li><li class="" id='24'><a href="https://www.51xuediannao.com/web/" class="one">网页设计欣赏</a></li><li class="" id='26'><a href="https://www.51xuediannao.com/xiaochengxu/" class="one">微信小程序开发</a></li><li class="" id='28'><a href="https://www.51xuediannao.com/jiqiao/" class="one">建站教程</a></li>        </ul>
64    </div>
65</div>
66<div class="inbox section section-first">
67    <div class="fn-fl h-ad1">
68        <div class="un-01" id="unHome01"></div>
69        <div class="rmb" id="rmb01"></div>
70    </div>
71
72    <div class="fn-ohide ui-box01 headlines">
73        <div class="tit tit02 tit02-skin-1">
74            <strong class="h"><span class="fn-hide">网页素材</span>今日头条</strong>
75            <span class="fn-dib t-muted famous" id="famous"></span>
76        </div>
77        <ul class="bl-text-list text-list-01">
78            <li><span class="class">[<a href='https://www.51xuediannao.com/psd/'>psd素材</a>]</span><a href="https://www.51xuediannao.com/psd/030X192015.html">淘宝促销图标大集合psd格式免费下载</a></li><li><span class="class">[<a href='https://www.51xuediannao.com/psd/'>psd素材</a>]</span><a href="https://www.51xuediannao.com/psd/030X1R015.html">淘宝促销图标psd素材免费下载</a></li><li><span class="class">[<a href='https://www.51xuediannao.com/xiaotubiao/'>网页图标</a>]</span><a href="https://www.51xuediannao.com/xiaotubiao/icon_close.html">网页关闭(close)小图标gif透明图标</a></li><li><span class="class">[<a href='https://www.51xuediannao.com/xiaotubiao/'>网页图标</a>]</span><a href="https://www.51xuediannao.com/xiaotubiao/morentouxiang_icon.html">默认头像图片素材和discuz论坛默认头像动态小图标素材</a></li><li><span class="class">[<a href='https://www.51xuediannao.com/xiaotubiao/'>网页图标</a>]</span><a href="https://www.51xuediannao.com/xiaotubiao/mianfeitubiao.html">网页制作中的“免费”小图标素材下载</a></li><li><span class="class">[<a href='https://www.51xuediannao.com/xiaotubiao/'>网页图标</a>]</span><a href="https://www.51xuediannao.com/xiaotubiao/fanhuidingbu.html">网页右下角返回顶部图标素材下载</a></li><li><span class="class">[<a href='https://www.51xuediannao.com/xiaotubiao/'>网页图标</a>]</span><a href="https://www.51xuediannao.com/xiaotubiao/more_icon.html">红色、蓝色more小图标、绿色more按钮图标形状的更多图标</a></li><li><span class="class">[<a href='https://www.51xuediannao.com/xiaotubiao/'>网页图标</a>]</span><a href="https://www.51xuediannao.com/xiaotubiao/tuijian_icon.html">网页推荐小图标、推荐图标素材gif格式下载</a></li><li><span class="class">[<a href='https://www.51xuediannao.com/xiaotubiao/'>网页图标</a>]</span><a href="https://www.51xuediannao.com/xiaotubiao/hot_gif.html">【热(hot)小图标】【hot动态图标】hot图标素材gif格式下载</a></li><li><span class="class">[<a href='https://www.51xuediannao.com/xiaotubiao/'>网页图标</a>]</span><a href="https://www.51xuediannao.com/xiaotubiao/7931b82a.html">[new图标][new小图标]new动态图标gif格式下载</a></li><li><span class="class">[<a href='https://www.51xuediannao.com/xiaotubiao/'>网页图标</a>]</span><a href="https://www.51xuediannao.com/xiaotubiao/444aed57.html">网页loading小图标和loading动画图片下载集合</a></li><li><span class="class">[<a href='https://www.51xuediannao.com/sucai/sjziti/'>设计字体</a>]</span><a href="https://www.51xuediannao.com/sucai/sjziti/retroRockPoster.html">英文复古字体系列(retroRockPoster)</a></li><li><span class="class">[<a href='https://www.51xuediannao.com/sucai/sjziti/'>设计字体</a>]</span><a href="https://www.51xuediannao.com/sucai/sjziti/A_STRB.html">英文复古字体(A_STRB)</a></li>        </ul>
79    </div>
80
81    <div id="unMainTop" style="margin-bottom: 0; padding-top: 20px;"></div>
82</div>
83<!--layer01-->
84
85<div class="inbox section js-section-tab">
86                <div class="tit tit02 tit02-skin-1">
87                    <span class="more js-more" data-more="https://www.51xuediannao.com/xiaotubiao/"></span>
88                    <h2 class="h"><a href="https://www.51xuediannao.com/xiaotubiao/">网页图标</a></h2>
89                </div>
90                <div class="tab-show" style="display:block">
91                    <ul class="fn-cf images-text01"><li>
92                        <a href="https://www.51xuediannao.com/xiaotubiao/icon_close.html" class="in">
93                            <span class="ia"><img src="/static/images/b.gif" data-original="https://www.51xuediannao.com/uploads/allimg/150308/1-15030Q155270-L.jpg"></span>
94                            <strong class="h">网页关闭(close)小图标gif透明图标</strong>
95                        </a>
96                        <p class="des">这是一组网页关闭(close)小图标,这些小图标是gif透明图标或者是png透明图标。有红色关闭图标,蓝色关闭图标、黄色关闭图标等。</p>
97                    </li><li>
98                        <a href="https://www.51xuediannao.com/xiaotubiao/morentouxiang_icon.html" class="in">
99                            <span class="ia"><img src="/static/images/b.gif" data-original="https://www.51xuediannao.com/uploads/allimg/140105/1-1401051443520-L.jpg"></span>
100                            <strong class="h">默认头像图片素材和discuz论坛默认头像动态小图标素材</strong>
101                        </a>
102                        <p class="des">网页制作中经常会使用默认头像图片素材和建设discuz等论坛时候需要默认头像动态小图标素材,懒人建站这里收集的默认gif头像素材定期更新。</p>
103                    </li><li>
104                        <a href="https://www.51xuediannao.com/xiaotubiao/mianfeitubiao.html" class="in">
105                            <span class="ia"><img src="/static/images/b.gif" data-original="https://www.51xuediannao.com/uploads/allimg/140105/1-1401051439360-L.jpg"></span>
106                            <strong class="h">网页制作中的“免费”小图标素材下载</strong>
107                        </a>
108                        <p class="des">网页制作中经常会用到的“免费”小图标素材下载,懒人建站定期更新动态gif小图标素材,敬请关注!</p>
109                    </li><li>
110                        <a href="https://www.51xuediannao.com/xiaotubiao/fanhuidingbu.html" class="in">
111                            <span class="ia"><img src="/static/images/b.gif" data-original="https://www.51xuediannao.com/uploads/allimg/140105/1-1401051424420-L.jpg"></span>
112                            <strong class="h">网页右下角返回顶部图标素材下载</strong>
113                        </a>
114                        <p class="des">懒人收集整理自网络的网页右下角返回顶部图标素材下载,返回顶部小图标素材定期更新,敬请关注!</p>
115                    </li><li>
116                        <a href="https://www.51xuediannao.com/xiaotubiao/more_icon.html" class="in">
117                            <span class="ia"><img src="/static/images/b.gif" data-original="https://www.51xuediannao.com/uploads/allimg/140105/1-1401051413540-L.jpg"></span>
118                            <strong class="h">红色、蓝色more小图标、绿色more按钮图标形状的更多图标</strong>
119                        </a>
120                        <p class="des">懒人建站收集的红色more按钮图标、蓝色more小图标、绿色more按钮图标形状的更多图标等,懒人定期更新more小图标,敬请关注!</p>
121                    </li><li>
122                        <a href="https://www.51xuediannao.com/xiaotubiao/tuijian_icon.html" class="in">
123                            <span class="ia"><img src="/static/images/b.gif" data-original="https://www.51xuediannao.com/uploads/allimg/140105/1-1401051400320-L.jpg"></span>
124                            <strong class="h">网页推荐小图标、推荐图标素材gif格式下载</strong>
125                        </a>
126                        <p class="des">整理收集的推荐小图标素材、推荐图标素材gif动态小图标素材下载集合。懒人建站还会定期更新推荐网页小图标素材,敬请关注!</p>
127                    </li><li>
128                        <a href="https://www.51xuediannao.com/xiaotubiao/hot_gif.html" class="in">
129                            <span class="ia"><img src="/static/images/b.gif" data-original="https://www.51xuediannao.com/uploads/140105/1-140105134352105.jpg"></span>
130                            <strong class="h">【热(hot)小图标】【hot动态图标】hot图标素材gif格式下载</strong>
131                        </a>
132                        <p class="des">整理收集的静态hot小图标素材、hot动态图标素材、gif格式动态小图标等hot图标素材下载集合。懒人建站还会定期更新hot图标,敬请关注!</p>
133                    </li><li>
134                        <a href="https://www.51xuediannao.com/xiaotubiao/7931b82a.html" class="in">
135                            <span class="ia"><img src="/static/images/b.gif" data-original="https://www.51xuediannao.com/uploads/140104/1-140104195512H5.jpg"></span>
136                            <strong class="h">[new图标][new小图标]new动态图标gif格式下载</strong>
137                        </a>
138                        <p class="des">收集的new小图标、很多是new动态图标gif格式,希望这些gif格式的new动态图标能在å
138¤§å®¶åˆ¶ä½œç½‘站的时候能帮助到大家。</p>
139                    </li></ul>
140                </div>
141            </div><div class="inbox section js-section-tab">
142                <div class="tit tit02 tit02-skin-1">
143                    <span class="more js-more" data-more="https://www.51xuediannao.com/psd/"></span>
144                    <h2 class="h"><a href="https://www.51xuediannao.com/psd/">psd素材</a></h2>
145                </div>
146                <div class="tab-show" style="display:block">
147                    <ul class="fn-cf images-text01"><li>
148                        <a href="https://www.51xuediannao.com/psd/030X192015.html" class="in">
149                            <span class="ia"><img src="/static/images/b.gif" data-original="https://www.51xuediannao.com/uploads/allimg/150308/1-15030QR324E1-lp.jpg"></span>
150                            <strong class="h">淘宝促销图标大集合psd格式免费下载</strong>
151                        </a>
152                        <p class="des">淘宝促销图标大集合psd格式免费下载,淘宝店铺装修必不可少的高质量psd素材,设计师必备,小编使用后非常好用,这套PSD素材推荐给大家。希望大家喜欢,多多支持小站哦!</p>
153                    </li><li>
154                        <a href="https://www.51xuediannao.com/psd/030X1R015.html" class="in">
155                            <span class="ia"><img src="/static/images/b.gif" data-original="https://www.51xuediannao.com/uploads/allimg/150308/1-15030Q405440-L.jpg"></span>
156                            <strong class="h">淘宝促销图标psd素材免费下载</strong>
157                        </a>
158                        <p class="des">淘宝促销图标psd素材免费下载,高清psd红色风格,全免费不收任何费用。</p>
159                    </li></ul>
160                </div>
161            </div><div class="inbox section js-section-tab">
162                <div class="tit tit02 tit02-skin-1">
163                    <span class="more js-more" data-more="https://www.51xuediannao.com/sucai/sjziti/"></span>
164                    <h2 class="h"><a href="https://www.51xuediannao.com/sucai/sjziti/">设计字体</a></h2>
165                </div>
166                <div class="tab-show" style="display:block">
167                    <ul class="fn-cf images-text01"><li>
168                        <a href="https://www.51xuediannao.com/sucai/sjziti/retroRockPoster.html" class="in">
169                            <span class="ia"><img src="/static/images/b.gif" data-original="https://www.51xuediannao.com/uploads/font/retroRockPoster.gif"></span>
170                            <strong class="h">英文复古字体系列(retroRockPoster)</strong>
171                        </a>
172                        <p class="des">英文复古字体系列retroRockPoster懒人建站整理 希望你喜欢</p>
173                    </li><li>
174                        <a href="https://www.51xuediannao.com/sucai/sjziti/A_STRB.html" class="in">
175                            <span class="ia"><img src="/static/images/b.gif" data-original="https://www.51xuediannao.com/uploads/font/A_STRB.gif"></span>
176                            <strong class="h">英文复古字体(A_STRB)</strong>
177                        </a>
178                        <p class="des">英文复古字体系列A_STRB。懒人建站整理。</p>
179                    </li></ul>
180                </div>
181            </div>
182<div class="fn-hide class-content">{dede:field.content/}</div>
183
184<div class="footer">
185    <div class="inbox">
186        <dl class="col texiao">
187            <dt><a href="//www.51xuediannao.com/js/" class="h">javascript</a></dt>
188            <dd class="as" id="dropmenu1">
189                <a href="//www.51xuediannao.com/js/gg/">广告代码</a>
190                <a href="//www.51xuediannao.com/js/slide/">焦点幻灯片</a>
191                <a href="//www.51xuediannao.com/qqkefu/">qq在线客服代码</a>
192                <a href="//www.51xuediannao.com/js/texiao/">网页特效</a>
193                <a href="//www.51xuediannao.com/js/jquery/">jquery插件</a>
194                <a href="//www.51xuediannao.com/js/gundong/">滚动代码</a>
195                <a href="//www.51xuediannao.com/xuanxiangka/">选项卡代码</a>
196                <a href="//www.51xuediannao.com/js/nav/">下拉导航菜单代码</a>
197                <a href="//www.51xuediannao.com/jquery_tanchu/">jquery弹出层</a>
198                <a href="//www.51xuediannao.com/gundongtupian/">滚动图片</a>
199                <a href="//www.51xuediannao.com/api/">jquery api</a>
200                <a href="//www.51xuediannao.com/javascript/">javascript教程</a>
201            </dd>
202        </dl>
203        <dl class="fn-hide">
204            <dt><a href="//www.51xuediannao.com/ui/" class="h">界面UI设计</a></dt>
205            <dd class="as" id="dropmenu17">
206                <a href="//www.51xuediannao.com/ui/softui/">软件界面设计</a>
207                <a href="//www.51xuediannao.com/ui/bsui/">后台界面设计</a>
208                <a href="//www.51xuediannao.com/ui/webui/">网站界面设计</a>
209                <a href="//www.51xuediannao.com/ui/mobileui/">手机界面设计</a>
210                <a href="//www.51xuediannao.com/tiyan/">用户体验设计</a>
211                <a href="//www.51xuediannao.com/web/">网页设计欣赏</a>
212            </dd>
213        </dl>
214        <dl class="col sucai">
215            <dt><a href="//www.51xuediannao.com/sucai/" class="h">站长素材</a></dt>
216            <dd class="as" id="dropmenu9">
217                <a href="//www.51xuediannao.com/muban/">网页模板</a>
218                <a href="//www.51xuediannao.com/xiaotubiao/">网页图标</a>
219                <a href="//www.51xuediannao.com/sucai/sjziti/">设计字体</a>
220                <a href="//www.51xuediannao.com/psd/">psd素材</a>
221                <a href="https://doc.51xuediannao.com/">懒人文档</a>
222            </dd>
223        </dl>
224        <dl class="css fn-hide">
225            <dt><a href="//www.51xuediannao.com/html+css/" class="h">html+css</a></dt>
226            <dd class="as" id="dropmenu13">
227                <a href="//www.51xuediannao.com/qd63/">前端路上</a>
228                <a href="//www.51xuediannao.com/htmlcssjq/">css教程</a>
229                <a href="//www.51xuediannao.com/html5/">html5 教程</a>
230                <a href="//www.51xuediannao.com/jiqiao/">建站教程</a>
231            </dd>
232        </dl>
233        <dl class="css fn-hide">
234            <dt><a href="//www.51xuediannao.com/video/" class="h">视频教程</a></dt>
235            <dd class="as" id="dropmenu68">
236                <a href="//www.51xuediannao.com/vuejs/">vue.js 视频教程</a>
237            </dd>
238        </dl>
239        <dl class="col all">
240            <dt><span class="h">全站链接</span></dt>
241            <dd class="as">
242                <a href="//www.51xuediannao.com/js/">jquery特效</a>
243                <a href="//www.51xuediannao.com/js/">js代码</a>
244                <a href="//www.51xuediannao.com/html+css/">div+css</a>
245                <a href="//www.51xuediannao.com/ui/">界面(ui)设计</a>
246                <a href="//www.51xuediannao.com/sucai/">建站素材</a>
247                <a href="//www.51xuediannao.com/jiqiao/">建站教程</a>
248                <a href="//www.51xuediannao.com/weike/">威客网排行榜</a>
249                <a href="//www.51xuediannao.com/host/">免备案虚拟主机</a>
250                <a href="//www.51xuediannao.com/weixinkaifa/">微信公众平台开发</a>
251                <a href="//www.51xuediannao.com/api/">jquery api</a>
252                <a href="//www.51xuediannao.com/api/">jquery api</a>
253            </dd>
254        </dl>
255        <dl class="copyright">
256            <dt><span class="h">
256关于我们</span></dt>
257            <dd>
258                <p><a href="//www.51xuediannao.com/">懒人建站</a> <a href="//www.51xuediannao.com/">www.51xuediannao.com </a></p>
259                <p>懒人博客:<a href="https://huzige.lrjz100.com/" target="_blank">胡子哥博客</a></p>
260                <p>QQ:3282284254</p>
261                <p><a href="http://www.beian.gov.cn" target="_blank" class="beian">豫ICP备13006346号-2</a></p>
262            </dd>
263        </dl>
264    </div>
265</div>
266<span class="cart-dot" id="cartDot"></span>
267<script>
268    var _GLOBAL = {
269        site_root:"https://www.51xuediannao.com",
270        static:"https://www.51xuediannao.com/static/",
271        site_root_https:"",
272        typeid:""
273    }
274</script>
vendor: 1 bytes, line 274
274
275<script src="https://www.51xuediannao.com/static/js/library.js?dev=1584485662983"></script>
vendor: 1 bytes, line 275
275
276<script src="https://www.51xuediannao.com/static/js/js.js?dev=1584485862922"></script>
vendor: 1 bytes, line 276
276
277<script>
278    if(location.pathname.indexOf('.html')>-1){
279        var _hmt = _hmt || [];
280        (function() {
281            var hm = document.createElement("script");
282            hm.src = "https://hm.baidu.com/hm.js?b4229a92a587356632fa35e20cf1c897";
283            var s = document.getElementsByTagName("script")[0];
284            s.parentNode.insertBefore(hm, s);
285        })();
286    }
287</script>
vendor: 1 bytes, line 287
287
288<script>
289    function tabAuto(timer){
290        var $tabs1 = $("#tabs1"),
291            $tab_li = $tabs1.find("li"),
292            $tab_active = $tabs1.find(".active"),
293            index = $tab_active.index(),
294            len = $tab_li.length;
295
296        var t = 0;
297        tabClick();
298        function tabClick(){
299            if(index<len){
300                index++
301            }
302            if(index==len){
303                index = 0
304            }
305            console.log(len,index);
306            t = setTimeout(function(){
307                $tab_li.eq(index).find("a").trigger('click');
308                tabClick();
309            },timer);
310        }
311    }
312    //tabAuto(2000);
313</script>
313
314</body>
315</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.