自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 资源 (1)
  • 收藏
  • 关注

原创 web前端-PC端-大背景结构参考

html: <div class="main"> <div class="head"> <!-- 大背景 --> <div class="bg"> <div class="innerbg"> <img src="bg01.png" alt=""> <img

2021-07-21 17:58:24 121

原创 web前端-特殊背景自适应结构(上中下)

html: <div class="wp"> <div class="bg1"></div> <div class="bg2"> <!-- 内容容器 --> <div class="wpcon"></div> </div> <div class="bg3"></div&gt

2021-07-21 17:38:44 148

原创 web前端-文字描边css

html:<div class="textsha">文字描边</div>css:.textsha { color: #fff; font-size: .42rem; line-height: .94rem; text-shadow: 0.03rem 0 2px #000, 0.02rem 0 2px #000, 0.01rem 0 2px #000, 0.03rem 0.01rem 2px

2021-07-21 16:07:56 527

原创 web前端-简单常用css3动画

上下飘动:.topToBottom { animation: topToBottom 1s ease-in-out 0.4s infinite alternate;}@keyframes topToBottom { 100% { transform: translate(0, -.1rem); }}按钮抖动(吸引注意力):.shake { animation: shake 3s linear infinite;}@keyfram

2021-07-21 16:01:20 120

原创 web前端-翻牌css

html: <div class="card"> <div class="back">背面</div> <div class="front">正面</div> </div> <!-- js部分 --> <script src="./packages/jquery-1.9.1.min.js"></script> <scr

2021-07-21 15:31:13 100

原创 自用软件记录

vscode -代码编辑phpStudy -简易服务器Sourcetree -代码提交可视化工具,提交到gitee皮皮鸭 -图片压缩工具Beyond Compare -代码对比工具Cutterman -Ps插件,切图工具PxCook -psd测量工具Charles -抓包修改工具ScreenToGif -制作gifCocosCretor -游戏开发工具...

2021-07-14 09:41:34 47

原创 web前端-表格处理(wap圆角)

html: <div class="tb"> <table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr class="th"> <td>今日种花</td> <td>累计种花</td> <td>当

2021-01-14 15:19:55 276

原创 web前端-js-查看更多和收起

//查看更多 & 收起 var is_seemore = false; //默认状态不展开 var see_btn = $('.seemore'); var wp_active = $('.wp-active'); see_btn.click(function () { is_seemore = !is_seemore; ...

2020-11-06 16:56:51 1852

原创 web前端-js-回到顶部&侧边栏出现

// 回到顶部 function goTo(div, top) { var top = parseInt(div.offset().top) - (top || 0); $('html,body').animate({ scrollTop: (0, top) }, 800); window.ev...

2020-11-06 16:55:58 203

原创 web前端-js-下拉刷新

//下拉刷新 var w = $('#w')[0]; var list = $('.reload'); var move = 0; //移动距离 var yStart = 0; //开始触碰y坐标 var yMove = 0; //滑动的y坐标 var yEnd = 0; //移开的y坐标 var moveAll = ...

2020-11-06 16:54:16 430

原创 web前端-js-九宫格抽奖

// 抽奖 var arr = [1, 2, 3, 4, 5, 6, 7, 8], lottery = document.querySelector('#cjlist'), start = document.querySelector('#start'), ali = lottery.querySelectorAll('li'); var i = 0, //转到哪个位置 ...

2020-11-06 16:49:43 1257

原创 web前端-js-消息滚动

// 消息滚动 function AutoPlayScroll(args) { var scrUl = $(args); var scrHgt = scrUl.find("li:eq(0)").height(); scrUl.animate({ "margin-top": -scrHgt + "px" }, 500, function () { ...

2020-11-06 16:42:51 317

原创 web前端-快速理解swiper(滑动)

自用,对swiper(滑动)的理解<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>swiper</title> <link rel="stylesheet" href="./packages/swiper.min.css"> <style> .banner {

2020-11-06 16:18:07 618

原创 web前端-移动端(WAP)html&css模板

自用移动端(WAP)html模板<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="apple-mobi

2020-11-04 16:06:20 1104

原创 web前端重置样式reset.css - PC端

web前端重置样式reset.css与通用样式common.cssPC端WAP端,移动端PC端/* PC reset */@charset "utf-8";body,h1,h2,h3,p,ul,li,button,input,textarea,th,td{margin: 0;padding: 0;}body{font: 16px/1.4 "\5FAE\8F6F\96C5\9ED1,\5B8B\4F53";/* 兼容IE6 [万恶的IE6] */_font-family: "\5B8B\4F53

2020-10-29 17:09:12 743

原创 web前端-上传图片预览

web前端上传图片预览<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>图片上传预览</title> <style> .pop .u

2020-10-28 17:18:21 230

原创 cocoscreator修改图标

一键生成图标工具:http://icon.wuruihong.com/项目构建完后:Android:用AndroidStudio打开工程文件,如图操作ios:替换完记得用xcode重启一下工程

2017-07-06 11:00:29 5723

cocoscreator不全屏,显示状态栏设置方法

关于cocoscreator如何设置不全屏并且显示状态栏的具体方法(详细到傻瓜式操作),适用于像我这种cocoscreator的小白,这种问题大神都不屑回答

2017-09-27

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除