提示:可自行根据需要进行修改,可做相册展示。

阅读目录

  • 一、文章介绍
  • 二、效果展示
    • 1.部分代码
    • 2.效果图展示
  • 三、学习资料下载

一、文章介绍

提示:上传服务器访问域名即可,简单易操作。

一款壁纸网页源码,原作者是孟坤大佬的自采集壁纸网站源码,

但这款源码改了一下接口,但还是挺不错的,可以下载搭建试试看。

二、效果展示

1.部分代码

代码如下(示例):

<div class="site-content container"><div class="row"><div class="col-lg-img"><div class="wallpaper-tags"><ul><li data-id="36" onclick="loadData(36, true);changeTitle(this)">4K专区</li><li data-id="6" onclick="loadData(6, true);changeTitle(this)">美女模特</li><li data-id="30" onclick="loadData(30, true);changeTitle(this)">爱情美图</li><li data-id="9" onclick="loadData(9, true);changeTitle(this)">风景大片</li><li data-id="15" onclick="loadData(15, true);changeTitle(this)">小清新</li><li data-id="26" onclick="loadData(26, true);changeTitle(this)">动漫卡通</li><li data-id="11" onclick="loadData(11, true);changeTitle(this)">明星风尚</li><li data-id="14" onclick="loadData(14, true);changeTitle(this)">萌宠动物</li><li data-id="5" onclick="loadData(5, true);changeTitle(this)">游戏壁纸</li><li data-id="12" onclick="loadData(12, true);changeTitle(this)">汽车天下</li><li data-id="10" onclick="loadData(10, true);changeTitle(this)">炫酷时尚</li><li data-id="29" onclick="loadData(29, true);changeTitle(this)">月历壁纸</li><li data-id="7" onclick="loadData(7, true);changeTitle(this)">影视剧照</li><li data-id="13" onclick="loadData(13, true);changeTitle(this)">节日美图</li><li data-id="22" onclick="loadData(22, true);changeTitle(this)">军事天地</li><li data-id="16" onclick="loadData(16, true);changeTitle(this)">劲爆体育</li><li data-id="18" onclick="loadData(18, true);changeTitle(this)">BABY秀</li><li data-id="35" onclick="loadData(35, true);changeTitle(this)">文字控</li></ul></div><div class="content-area"><main class="site-main"><article class="type-post post-wallpaper"><div class="container-wallpaper"><div class="jigsaw" id="walBox"></div><div id="loadmore">壁纸加载中……</div></div></article></main></div></div></div></div>

2.效果图展示


三、学习资料下载

蓝奏云:https://qumaw.lanzoul.com/idFKT0h3k86f

上传即可使用的在线壁纸采集网页源码相关推荐

  1. [共享]一个文件上传的控件,绝对是精品源码

    [共享]一个文件上传的控件,绝对是精品源码 前段时候在www.codeproject.com上看到一个文件上传的控件,觉得很好,共享给园子里的朋友. 原文链接:http://www.codeproje ...

  2. 最新图片在线加水印网页源码+亲测可用

    正文: 最新图片在线加水印网页源码+亲测可用,专门用于给图片加水印打码的工具,完全基于浏览器本地API,无任何网络请求. 程序: wwuwe.lanzouq.com/i1W4508nyhjc 图片:

  3. Asp.NetCoreWebApi图片上传接口(二)集成IdentityServer4授权访问(附源码)

    写在前面 本文地址:http://www.cnblogs.com/yilezhu/p/9315644.html 作者:yilezhu 上一篇关于Asp.Net Core Web Api图片上传的文章使 ...

  4. file-uploader-cli 关于上传至京东云中文件夹问题的源码修改

    file-uploader-cli源码修改 注:可以直接跳到最下面看需要修改的部分 最近由于Gitee的开源审查,导致其无法再作为图床使用.在对比了多家OSS服务后,决定使用京东云作为新图床,并使用f ...

  5. winform实现FTP上传、下载、删除文件(附源码下载)

    一个用winform开发的FTP上传.下载.删除文件的简单列子: 配套源码下载:https://download.csdn.net/download/djk8888/10473477 注释尽可能详尽, ...

  6. JS同时上传表单图片和表单信息并把上传信息存入数据库,带php后端源码

    微信小程序开发交流qq群   581478349    承接微信小程序开发.扫码加微信. 利用JQ,jquery.form.js,bootstrap实现上传表单图片和表单信息并把上传的图片地址,inp ...

  7. springboot:实现文件上传下载实时进度条功能【附带源码】

    0. 引言 记得刚入行的时候,做了一个文件上传的功能,因为上传时间较久,为了用户友好性,想要添加一个实时进度条,显示进度.奈何当时技术有限,查了许久也没用找到解决方案,最后不了了之. 近来偶然想到这个 ...

  8. uniapp - 超详细录音上传功能,点击开始录音 / 最后保存文件上传到服务器功能(附带详细示例源码及整个过程的实现方法,注释详细小白轻松上手改造)全端兼容!

    效果图 网上的教程太乱用不了,无法改造成自己想要的效果. 在uniapp中开发中,实现点击录音功能,并支持保存录音文件.uniapp编译后全平台兼容通用, 你可以直接复制示例源码,跟着教程一步步配置, ...

  9. QQ在线小工具箱网页源码+支持强制对话等

    正文: 功能列表: 1.强制对话聊天 2.强制查看名片 3.获取空间说说 4.获取王者语音 程序: wwbwd.lanzoui.com/idd7Y0ag1c9e 图片:

最新文章

  1. Eclipse create git repository failure(egit)
  2. js php 中文乱码怎么解决_探讨PHP JSON中文乱码的解决方法详解
  3. 简单了解各种序列化技术-JSON序列化框架
  4. 性能计数器驱动_【Nature Sustainability】机械力驱动的摩擦电高效空气负离子发生器...
  5. [物理学与PDEs]第3章第3节 电导率 $\sigma$ 为无穷时的磁流体力学方程组 3.3 磁场线``冻结''原理...
  6. nginx之206异常
  7. jquery :eq选择器和eq()方法的用法与比较
  8. Kubernetes 小白学习笔记(33)--kubernetes云原生应用开发-总结
  9. lightblue使用教程_使用LightBlue Bean和IFTTT自动化LIFX灯
  10. python中tab的用法_pyhton 使用tab键自动补全
  11. [《与闲适共处》偶感小记]2012年8月28日
  12. 安卓手机虚拟键盘定位position:fixed问题
  13. 使用 SSH config 文件
  14. 小米迎来NLP首席科学家王斌:中科院研究员,雷军崔宝秋亲学弟
  15. 刚破了潘金莲的身份信息(图片文字识别),win7、win10实测可用(免费下载)
  16. TIOBE Index for November 2016(2016年11月编程语言排行榜)
  17. 关于游戏中仓库类的设计
  18. HCIP之BGP的选路原则
  19. python字典创建、使用字典保存中国主要城市和对应邮编_Python字典及相关操作(内含例题)...
  20. Latex 制作表格出现以下错误 Extra alignment tab has been changed to \cr

热门文章

  1. MoveIt的使用(二)机械臂URDF在ROS中MoveIt的配置和使用
  2. Android 性能优化之线程优化
  3. 前端基本功---JS数据类型知多少
  4. CSS中的cursor用法
  5. 通信人每天挂在嘴边的“网管”,到底是个啥东东?
  6. JS面试题总结(含ES6)
  7. springboot和flink 大数据实时写入hdfs
  8. 洛谷p5740最厉害的学生 C语言
  9. 洛谷 P5740 【深基7.例9】最厉害的学生 题解
  10. echo命令的换行方法