随笔 - 94  文章 - 0 评论 - 6 trackbacks - 0

摘要: 关于水平垂直居中,这是一个很简单的问题,但是很多时候,往往简单的东西,反而做不出来。这就是基础不扎实的缘故吧,我参照一些资料,总结了水平垂直居中的几种方法如下: 1 .文字水平垂直居中 这个比较简单,只要分别设置水平集中和垂直居中即可 2.水平垂直居中 2.1 把父元素设置成相对定位,子元素设置成绝阅读全文
posted @ 2017-09-08 10:24 huanying2015 阅读(72) 评论(0) 编辑
摘要: 目前在做一个网页,要求使用一个图片作为背景,必须要全屏目填充,于是我想,这不是很简单的事情么: 有两种实现方法:首先设置添加一个div(或者body),把div(或者body)元素的宽和高都设置成100%;然后将图片作为这个div(或者body)的背景图;第二种方法是:将图片放在div(或者body阅读全文
posted @ 2018-09-30 20:47 huanying2015 阅读(10) 评论(0) 编辑
摘要: 在网页中,经常会用到分享功能,例如分享到qq,分享到微信,分享到微博等,但是怎么实现呢?一直没有想清楚这个问题,觉得好高大上的样子,于是在网上找了一些资料,也没有看出个什么所以然来; 于是有些心急了,就照着网上的样子,照葫芦画瓢,写一个分享的代码出来,很新奇,居然能够实现了;然后拆解分享的步骤,似乎阅读全文
posted @ 2018-09-28 19:44 huanying2015 阅读(11) 评论(0) 编辑
摘要: 这几天遇到一个问题,就是在做网页的时候,页面缩放时,布局就乱了,原来的样子不会跟随缩放的放大或者缩小进行改变,直接导致的后果,就是页面很难看,无法使用 之前虽然写了代码,但是一直没有注意到缩放后页面的效果会改变的事情,这几天还是别人发现了,来告诉我有这种问题,我才知道,感觉有点失败啊;关键的问题是,阅读全文
posted @ 2018-07-31 21:43 huanying2015 阅读(206) 评论(0) 编辑
摘要: layer.js 是一个很好用的弹窗框架,使用的时候很方便,但是今天遇到一个问题,让我很头疼啊,一直都做不出来,就是登录和注册弹窗的切换问题 这里涉及到两个页面:guide.html 即父页面,denglu.html 页面,即子页面 在父页面中打开子页面: 点击guide.html 上的“登录”,就阅读全文
posted @ 2018-07-09 20:16 huanying2015 阅读(33) 评论(0) 编辑
摘要: 接触前端也很久了,今天才发现,要做好一个轮播,其实有很多东西需要考虑进去,否则做出来的轮播效果并不好,下面我就来做一个轮播,是依赖jquery来写的 1.要做轮播,首先需要的是HTML的内容,css的机构样式,以下为html代码: 1 <!DOCTYPE html> 2 <html> 3 4 <he阅读全文
posted @ 2018-06-30 18:23 huanying2015 阅读(121) 评论(0) 编辑
摘要: 我们在购物时,当选定商品后,点击加入购物车,会形成一个产品飞入购物车的效果,这种效果在淘宝上比较常见。如果我们自己做购物网站,是否也可以实现呢:以下是淘宝的效果 思路:要想有这种效果,首先要确定一般来说,有三个参数,一是起始点,二是终点,三是路径 起点很好找,就是鼠标点击的按钮;终点也很好找,就是右阅读全文
posted @ 2018-06-20 20:02 huanying2015 阅读(215) 评论(1) 编辑
摘要: 在使用 layer.js 做弹框的时候,遇到在浏览器缩小时,弹框显示不全的问题,如下: 这是不行的,因为我们有的时候想缩小浏览器视窗,但是一旦缩小到一定程度,就会把弹窗的关闭按钮遮住一部分,并且主体弹框还会出现上下移动的滚动条,对于客户的体验是很差的 1. 弹窗使用的代码调用如下: 从上面的参数看,阅读全文
posted @ 2018-06-20 18:59 huanying2015 阅读(157) 评论(0) 编辑
摘要: 这两天在写页面时,遇到一些IE浏览器显示不正常的问题,主要有两个: 1. 在td 中设置span 元素水平垂直居中,在谷歌浏览器中可以正常显示,但是在IE 中却无法显示出想要的结果,即不能实现垂直水平居中 2.将元素设置成行块元素时,老是显示不对齐,也不能显示想要的效果 3.第一个问题的css 设置阅读全文
posted @ 2018-06-04 17:36 huanying2015 阅读(57) 评论(0) 编辑
摘要: 这两天在做前端网页时,遇到一个问题,页面打开发生乱码,如下: 现象:360 浏览器,在急速模式下(即谷歌模式)是OK的显示,第一张图布局OK;在兼容模式下(即IE模式)是显示NG的,第二张图布局乱码 查看360 浏览器,兼容模式下控制台也没有报错 分析原因:乱码的地方,我使用的是js 控制的行高,这阅读全文
posted @ 2018-05-28 19:39 huanying2015 阅读(759) 评论(0) 编辑
摘要: 在页面的动画效果中,经常有看到某个小块从一个地方移动到另一个地方的现象,现在,我们也来自己做一个这样的小动画,涉及到的基础包括定时器的使用和函数的使用 例如,我们要实现一个小方块从左面移动到右面,然后再从左面移动到右面,首先要做的事情是: 1.指定一个开关,点击的时候,开始左移或者开始右移 2.设置阅读全文
posted @ 2018-05-09 20:58 huanying2015 阅读(32) 评论(0) 编辑