- 博客(17)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 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
151
原创 web前端-特殊背景自适应结构（上中下）
html： <div class="wp"> <div class="bg1"></div> <div class="bg2"> <!-- 内容容器 --> <div class="wpcon"></div> </div> <div class="bg3"></div>
2021-07-21 17:38:44
182
原创 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
576
原创 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
148
原创 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
122
原创 自用软件记录
vscode -代码编辑phpStudy -简易服务器Sourcetree -代码提交可视化工具，提交到gitee皮皮鸭 -图片压缩工具Beyond Compare -代码对比工具Cutterman -Ps插件，切图工具PxCook -psd测量工具Charles -抓包修改工具ScreenToGif -制作gifCocosCretor -游戏开发工具...
2021-07-14 09:41:34
70
原创 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
308
原创 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
1912
原创 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
222
原创 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
467
原创 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
1329
原创 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
362
原创 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
673
原创 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
1189
原创 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
828
原创 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
263
原创 cocoscreator修改图标
一键生成图标工具：http://icon.wuruihong.com/项目构建完后：Android：用AndroidStudio打开工程文件，如图操作ios：替换完记得用xcode重启一下工程
2017-07-06 11:00:29
5876
cocoscreator不全屏，显示状态栏设置方法
2017-09-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人