自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

原创 git使用步骤——断开与原来远程仓库的连接,连接新仓库并上传

1.连接远程仓库git remote add origin 仓库地址2.查看远程连接git remote -v3.git取消与远程仓库的连接git remote remove origin4.初始化仓库git init5.连接新仓库git remote add origin https://github.com/XXX.git6.检查状态git status7.检查分支git branch8.创建分支git checkout br9.提交到 本地.

2020-10-24 16:29:24 16001 2

转载 三角矩形带边框

https://www.jb51.net/css/707136.html

2020-08-25 18:06:48 157

原创 鼠标经过时,模块滑出、文字显示;鼠标离开时,模块归位、文字显示3行,多余的用省略号代替。slide动画是标签的原有高度进行动画

要实现的效果html<ul class="niurenul"> <li> <a href=""> <img class="niurenimg" src="images/index/niuren1-2.png"> <img

2020-08-25 16:35:02 239

原创 图片模块右上角添加hot、news小图标

1.图片模块右上角添加hot、news小图标,类似下方图片用的css方法是z-index、子绝父相将父元素position:relative小图片position:absolition代码如下html <img class="jinpinbg" src="images/index/icon1-2.png" alt=""> <img class="hoticon" src="images/index/hot2.png">css.hoticon { posi

2020-08-22 14:39:15 1813

原创 最大的害怕是害怕本身,最差劲的处理方式是逃避

前段时间看了几本李尚龙的励志鸡汤,对我这大龄女青年十分受用,所以也就关注到他书中介绍的小说《刺》。介绍说《刺》主讲校园暴力、促进校园立法,最近将有改编的电视剧上映!昨天晚上刷了下优酷,发现已经更新了六集, 于是用了两小时刷完!不过瘾,想追着看!于是大半夜花了4.99买来电子书,晚上11点到凌晨3点,一口气读完!对于剧版和小说有点感触,记录如下!小说全文讲暴力:校园暴力、职场暴力、网络暴力。作者用事件、人物将三种暴力串联起来,主题是“以暴制暴,是解决不了问题”。其实有点以德报怨的意思吧!对于书里的第一.

2020-08-06 13:56:06 207

原创 两种方法写tab导航条——1,原生js写tab导航条;2,jquery方法实现

如图所示,鼠标经过时,弹出子tab,上方横条切换到当前位置上。一、思路tab栏切换:用到排他思想,当鼠标经过时,设置所有的都隐藏,当前的显示;鼠标离开时,所有的都隐藏上方横条:需要获取距离左边的宽度,和当前索引下的宽度【注意】原生js的引入需要放到最下方,因为需要等整个dom加载完后,才加载jsjquery可以随处写二、步骤分解1.获取元素// 针对navline只需改变offsetleft和width即可// 1.获取元素var nav = document.querySelect

2020-07-30 04:37:38 590

原创 3.引入bootstrap实现轮播图

此方法可大大缩减代码量,主要在于逐点调试最好在开发模式下:逐个发现问题,锁定问题,然后修改;再去复制到编辑器中!引入js【注意】引入bootstrap文件,必须引入jquery文件 <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> <script src="bootstrap/js/jquery.min.js"></script> <script src="bo

2020-07-30 03:55:09 703

原创 2.Jquery写轮播图——设置z-index属性值实现

一、用jquery是实现轮播图-思路分析1.声明num,用来存储img的索引2.声明timeer,用来存储定时器3.声明isStarted,判断是否开始轮播,初始值给false4.封装排他属性切换函数5.鼠标经过小圆点,先停止定时器,然后获取当前的索引值,并赋值给num,接着写属性变化,注意:图片 遍历时索引值为num6.写定时器函数,注意索引值与img的个数7.写清除定时器8.遍历图片,鼠标经过时,调用停止函数,停止遍历;调用展示图片和圆点的的函数; //离开时调用开始定时函数js模块

2020-07-30 03:42:34 727

原创 原生js写轮播图——用属性方法z-index层级或display:none显示

一、思路获取元素定义存放图片索引、计时器的变量封装属性变化的函数,供定时器、鼠标经过离开调用封装圆点点击事件,注意同步索引号,目的是调用图片切换函数定位到图片的索引封装图片切换索引(封装属性函数的时候,圆点切换的索引在排他用的是img的索引,所以无需在写)定时器调用,鼠标经过停止定时器鼠标离开开启定时器二、步骤分解获取元素轮播图区域、圆点ul、图片ul、圆点li、图片li// 获得小点和图片var slideShow = document.qu

2020-07-30 03:23:01 761

原创 原生js打印得不出结果,是因为js引入位置不对

query的初始化方法,经过处理的,所以放在程序的哪里都可以;原生js则需要等页面元素(div等)加载完后才能执行js。

2020-07-27 21:12:55 328

原创 计算商品总价

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><body><ul id="list"> <li> <input type="...

2020-03-05 20:25:19 1827 1

原创 多组图片切换-实现封装

第一组第1张 1/4 第二组第1张 ...

2020-03-05 19:53:37 114

原创 单组图片切换

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/index.css"> <link rel=...

2020-03-05 19:25:32 129

原创 V字图形入门级案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #content{ width:500px; height:500px; b...

2020-03-05 18:03:15 739

原创 模拟聊天框

HTML<div class="box"> <div class="box_cont"> <ul id="cont"> <!--<li class="fl"> <img src="img/1.png"/> <p>你好你好你好你好你好你好你好你好你好你好你好</p&g...

2020-03-05 16:36:17 226

原创 ECMAscript测试题讲解

var let const 的差别-var :支持全局、函数作用域、不支持块作用域接受重复声明变量预解析-let:不接受重复声明不存在变量提升支持块作用域支持函数作用域-const:特性同let一旦声明、常量的值就不可以改变<script> var a = 1; let b = 1; if(true){ ...

2020-03-05 15:33:59 318

原创 数组方法

数组中方法some,every简单方法1.some方法会依次检测数组中每一个元素是否符合给定函数的条件,返回布尔值,不会对空数组处理,不改变原数组。在执行中,有一个满足就返回true,不再继续执行var aa = [1,32,4,26];var bb = aa.some(function(item){return item > 30;})console.log(bb); // 输...

2020-03-05 10:42:40 86

原创 wx.getSystemInfo()获取不到设备的高度

小程序设置滚动条怎么设置高度帮我看一下为什么用wx.getSystemInfo()获取不到设备的高度:jsPage({ data: { scrollHeight:"" }, onLoad: function(options) { let self=this; wx.getSystemInfo({ success: function (res){ ...

2019-12-03 16:00:11 539 1

原创 更新git上的项目

更新git项目:1.查看git仓库状态:git status2.更新代码:git add .3.更新说明:git commit -m "说明”4.如果多人同时开发维护代码,得先git pull,拉取当前分支最新代码5.最后一步:git push origin master...

2019-11-15 09:47:28 152

空空如也

空空如也

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

TA关注的人

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