huanying2015 - 博客园

2018年11月11日

摘要：在css3 中，有一个转换效果，也可以替代js,并且比 js 做得好，那就是转换，即transform 属性，只需要个这个属性加上值，就可以实现转化效果了;有三种值，平移（translate），旋转(rotate)*和缩放(scale); 1. transform:translate 初始状态：加阅读全文

posted @ 2018-11-11 18:49 huanying2015 阅读(188) 评论(0) 推荐(0) 编辑

css 之过渡效果

摘要：之前写css的效果，都是使用js 来完成的，但是写js比较耗费时间，有时候逻辑不对，还出不来效果，所以也比较烦；所以一些简单的效果，就使用css 来完成会比较好一些，不必耗费太多的精力；但是写css 时，也需要明白到底为什么会这样变化，这样我们才能对写出来的代码有一个比较好的理解。很遗憾，先前写代阅读全文

posted @ 2018-11-11 17:35 huanying2015 阅读(407) 评论(0) 推荐(0) 编辑

2018年11月3日

使用css设置三角形

摘要： 1.在开发中，有时候会用到一些小三角形来强调或者标记元素，这样以便区分不同的项目，然后把三角形绘制成一个比较明显的颜色，就达到效果了，那怎么才能画出三角形呢，之前我也不清楚，最近看到了有些网页在使用，在进行标记的时候，都是使用的是背景图片进行标记，这样在网页显示的时候，感觉有点生硬，毕竟图片的加载没阅读全文

posted @ 2018-11-03 20:04 huanying2015 阅读(330) 评论(0) 推荐(0) 编辑

2018年9月30日

关于background-size 的一点小坑

摘要：目前在做一个网页，要求使用一个图片作为背景，必须要全屏目填充,于是我想，这不是很简单的事情么：有两种实现方法：首先设置添加一个div（或者body），把div（或者body）元素的宽和高都设置成100%；然后将图片作为这个div（或者body）的背景图；第二种方法是：将图片放在div（或者body 阅读全文

posted @ 2018-09-30 20:47 huanying2015 阅读(1275) 评论(0) 推荐(0) 编辑

2018年9月28日

a 标签实现分享功能

摘要：在网页中，经常会用到分享功能，例如分享到qq,分享到微信，分享到微博等，但是怎么实现呢？一直没有想清楚这个问题，觉得好高大上的样子，于是在网上找了一些资料，也没有看出个什么所以然来；于是有些心急了，就照着网上的样子，照葫芦画瓢，写一个分享的代码出来，很新奇，居然能够实现了；然后拆解分享的步骤，似乎阅读全文

posted @ 2018-09-28 19:44 huanying2015 阅读(814) 评论(0) 推荐(0) 编辑

2018年7月31日

关于页面缩放时css错乱的处理方法---之一

摘要：这几天遇到一个问题，就是在做网页的时候，页面缩放时，布局就乱了，原来的样子不会跟随缩放的放大或者缩小进行改变，直接导致的后果，就是页面很难看，无法使用之前虽然写了代码，但是一直没有注意到缩放后页面的效果会改变的事情，这几天还是别人发现了，来告诉我有这种问题，我才知道，感觉有点失败啊；关键的问题是，阅读全文

posted @ 2018-07-31 21:43 huanying2015 阅读(7507) 评论(0) 推荐(1) 编辑

2018年7月9日

layer.js 注册登录切换的问题

摘要： layer.js 是一个很好用的弹窗框架，使用的时候很方便，但是今天遇到一个问题，让我很头疼啊，一直都做不出来，就是登录和注册弹窗的切换问题这里涉及到两个页面：guide.html 即父页面，denglu.html 页面，即子页面在父页面中打开子页面：点击guide.html 上的“登录”，就阅读全文

posted @ 2018-07-09 20:16 huanying2015 阅读(618) 评论(0) 推荐(0) 编辑

2018年6月30日

记一个jquery 无缝轮播的制作方法

摘要：接触前端也很久了，今天才发现，要做好一个轮播，其实有很多东西需要考虑进去，否则做出来的轮播效果并不好，下面我就来做一个轮播，是依赖jquery来写的 1.要做轮播，首先需要的是HTML的内容，css的机构样式，以下为html代码： 1 <!DOCTYPE html> 2 <html> 3 4 <he 阅读全文

posted @ 2018-06-30 18:23 huanying2015 阅读(1275) 评论(0) 推荐(0) 编辑

2018年6月20日

购物时，商品加入购物车的飞入效果

摘要：我们在购物时，当选定商品后，点击加入购物车，会形成一个产品飞入购物车的效果，这种效果在淘宝上比较常见。如果我们自己做购物网站，是否也可以实现呢：以下是淘宝的效果思路：要想有这种效果，首先要确定一般来说，有三个参数，一是起始点，二是终点，三是路径起点很好找，就是鼠标点击的按钮；终点也很好找，就是右阅读全文

posted @ 2018-06-20 20:02 huanying2015 阅读(3163) 评论(3) 推荐(0) 编辑

layer.js 中弹框显示不全的问题

摘要：在使用 layer.js 做弹框的时候，遇到在浏览器缩小时，弹框显示不全的问题，如下：这是不行的，因为我们有的时候想缩小浏览器视窗，但是一旦缩小到一定程度，就会把弹窗的关闭按钮遮住一部分，并且主体弹框还会出现上下移动的滚动条，对于客户的体验是很差的 1. 弹窗使用的代码调用如下：从上面的参数看，阅读全文

posted @ 2018-06-20 18:59 huanying2015 阅读(2365) 评论(0) 推荐(1) 编辑