随笔 - 91  文章 - 0 评论 - 5 trackbacks - 0

摘要: 关于水平垂直居中,这是一个很简单的问题,但是很多时候,往往简单的东西,反而做不出来。这就是基础不扎实的缘故吧,我参照一些资料,总结了水平垂直居中的几种方法如下: 1 .文字水平垂直居中 这个比较简单,只要分别设置水平集中和垂直居中即可 2.水平垂直居中 2.1 把父元素设置成相对定位,子元素设置成绝阅读全文
posted @ 2017-09-08 10:24 huanying2015 阅读(50) 评论(0) 编辑
摘要: layer.js 是一个很好用的弹窗框架,使用的时候很方便,但是今天遇到一个问题,让我很头疼啊,一直都做不出来,就是登录和注册弹窗的切换问题 这里涉及到两个页面:guide.html 即父页面,denglu.html 页面,即子页面 在父页面中打开子页面: 点击guide.html 上的“登录”,就阅读全文
posted @ 2018-07-09 20:16 huanying2015 阅读(14) 评论(0) 编辑
摘要: 接触前端也很久了,今天才发现,要做好一个轮播,其实有很多东西需要考虑进去,否则做出来的轮播效果并不好,下面我就来做一个轮播,是依赖jquery来写的 1.要做轮播,首先需要的是HTML的内容,css的机构样式,以下为html代码: 1 <!DOCTYPE html> 2 <html> 3 4 <he阅读全文
posted @ 2018-06-30 18:23 huanying2015 阅读(29) 评论(0) 编辑
摘要: 我们在购物时,当选定商品后,点击加入购物车,会形成一个产品飞入购物车的效果,这种效果在淘宝上比较常见。如果我们自己做购物网站,是否也可以实现呢:以下是淘宝的效果 思路:要想有这种效果,首先要确定一般来说,有三个参数,一是起始点,二是终点,三是路径 起点很好找,就是鼠标点击的按钮;终点也很好找,就是右阅读全文
posted @ 2018-06-20 20:02 huanying2015 阅读(39) 评论(0) 编辑
摘要: 在使用 layer.js 做弹框的时候,遇到在浏览器缩小时,弹框显示不全的问题,如下: 这是不行的,因为我们有的时候想缩小浏览器视窗,但是一旦缩小到一定程度,就会把弹窗的关闭按钮遮住一部分,并且主体弹框还会出现上下移动的滚动条,对于客户的体验是很差的 1. 弹窗使用的代码调用如下: 从上面的参数看,阅读全文
posted @ 2018-06-20 18:59 huanying2015 阅读(73) 评论(0) 编辑
摘要: 这两天在写页面时,遇到一些IE浏览器显示不正常的问题,主要有两个: 1. 在td 中设置span 元素水平垂直居中,在谷歌浏览器中可以正常显示,但是在IE 中却无法显示出想要的结果,即不能实现垂直水平居中 2.将元素设置成行块元素时,老是显示不对齐,也不能显示想要的效果 3.第一个问题的css 设置阅读全文
posted @ 2018-06-04 17:36 huanying2015 阅读(25) 评论(0) 编辑
摘要: 这两天在做前端网页时,遇到一个问题,页面打开发生乱码,如下: 现象:360 浏览器,在急速模式下(即谷歌模式)是OK的显示,第一张图布局OK;在兼容模式下(即IE模式)是显示NG的,第二张图布局乱码 查看360 浏览器,兼容模式下控制台也没有报错 分析原因:乱码的地方,我使用的是js 控制的行高,这阅读全文
posted @ 2018-05-28 19:39 huanying2015 阅读(147) 评论(0) 编辑
摘要: 在页面的动画效果中,经常有看到某个小块从一个地方移动到另一个地方的现象,现在,我们也来自己做一个这样的小动画,涉及到的基础包括定时器的使用和函数的使用 例如,我们要实现一个小方块从左面移动到右面,然后再从左面移动到右面,首先要做的事情是: 1.指定一个开关,点击的时候,开始左移或者开始右移 2.设置阅读全文
posted @ 2018-05-09 20:58 huanying2015 阅读(22) 评论(0) 编辑
摘要: 最近在项目中遇到一个问题,想要改变input选择框的背景,然而,令我没有想到的是,竟然无法直接改变背景的颜色 通常情况下:我们都可以通过改变元素的 background-color 的值来改变元素的背景,但是在input选择框上,它失效了,无法使用 运行结果:背景是灰色的,个人感觉不太喜欢 1.在i阅读全文
posted @ 2018-04-26 20:06 huanying2015 阅读(64) 评论(0) 编辑
摘要: 经常在网页中看到有这样的现象,点击一个按钮,然后页面会跳到页面的中指定的位置,那这种效果是怎么实现的呢? 很多网页都有这种效果:返回顶部或者跳到不同的楼层(以下是天猫的效果) 实现原理: 1.我们来看,左侧导航条是固定不动的,那么这里使用的肯定是position中的固定属性,即position:fi阅读全文
posted @ 2018-04-21 10:37 huanying2015 阅读(24) 评论(0) 编辑
摘要: 创建js对象可以使用多种模式,每种模式有着不同的特点:如下: 1.工厂模式:创建一个函数,在函数中实例化一个对象,当每次调用函数时,就实例化一个对象,并返回这个对象; 我们知道,对象是引用形式的,每次实例化一个对象,就是在内存中开辟一个内存空间,所以每次实例化出来的内存空间是不一样的 一旦执行完调用阅读全文
posted @ 2018-04-08 16:00 huanying2015 阅读(39) 评论(0) 编辑