螃蟹在剥我的壳

JS、JQ、CSS3三种方法实现瀑布流布局

摘要：此文主要介绍三种（JS,JQ,CSS3）实现瀑布流布局的方法（三种方法均可自适应窗口）：此三种方法HTML部分均相同，所以先贴出HTML部分，该部分比较简单：使用简单的ul>li就好，需要注意的是，li需要足够多，以让窗口出现滚动条，滚动滚动条后加载图片现在加上简单的样式就好，JS与JQ方法实现阅读全文

posted @ 2017-05-17 20:26 螃蟹在剥我的壳阅读(361) 评论(0) 推荐(0) 编辑

分别用css3、JS实现图片简单的无缝轮播功效

摘要：本文主要介绍分别使用CSS3、JS实现图片简单无缝轮播功效；一、使用CSS3实现：利用animation属性（实现一张一张的轮播，肉眼只看见一张图片） HTML部分比较简单，两个div下包着几个img标签；为了实现无缝轮播，注意第一张图片要与最后一张图片相同；最外层div设置ovflow:hi 阅读全文

posted @ 2017-05-07 18:01 螃蟹在剥我的壳阅读(1928) 评论(1) 推荐(1) 编辑

dispaly:flex自适应布局实现两边横线，中间文字

摘要：昨天记录了一下自适应布局，现在记录下它的一个简单应用：实现两边横线，中间文字代码特别简单设置父元素DIV高度为零，行高为零，为了居中效果如下：也是自适应分辨率的阅读全文

posted @ 2017-05-03 08:57 螃蟹在剥我的壳阅读(1110) 评论(0) 推荐(0) 编辑

多种方法实现自适应布局

摘要：最近切了几个手机端的网页，第一次切的是美团的首页，为了自适应不同的手机分辨率，需要用到自适应布局，切图的时候是用的第一中方法，用到了定位，后来查找了一些其他方法，现在就介绍几种自适应布局的实现方法：美团网页头就用到了自适应地址：”长沙“，右边的”我的“是固定宽度，不会因分辨率不同而改变大小，中间阅读全文

posted @ 2017-05-02 19:16 螃蟹在剥我的壳阅读(247) 评论(0) 推荐(0) 编辑

鼠标拖动面板

摘要：之前写过一篇关于form表单验证随笔，后来添加了一点点内容，使得可以使用鼠标将其拖动，为了完整性，还是写一遍随笔吧；加上这部分内容后，HTML和CSS部分，也进行了少量修改，这里就补贴修改后的代码了，仅仅将添加的JS部分贴出来：首先是还是展示一下效果图吧：点击注册，出现注册页面，这个就简单了：阅读全文

posted @ 2017-04-23 18:42 螃蟹在剥我的壳阅读(218) 评论(0) 推荐(0) 编辑

点击按钮，缩放图片（img.width、img.style.width、img.offsetWidth）

摘要：前几天在慕课网上看到一个关于图片缩放的教学视频，因为当时对老师使用img.width,而不是使用img.style.width而感到奇怪，所以周末得空了，想来自己试着写出来，相关视频网址如下：http://www.imooc.com/video/1111；最开始想着按照视频使用定时器的思路来写，但阅读全文

posted @ 2017-04-23 18:12 螃蟹在剥我的壳阅读(1111) 评论(0) 推荐(0) 编辑

onmouseover事件

摘要：根据教学视频写了个onmouseover事件：阅读全文

posted @ 2017-04-14 19:40 螃蟹在剥我的壳阅读(248) 评论(0) 推荐(0) 编辑

inform表单验证，正则表达式，用户名，身份证，密码，验证码

摘要：最近利用空闲时间写了部分表单验证，包括用户名，身份证，密码，验证码，仅为自己巩固最近所学的知识表单的样式使用的是table布局，因为觉得DIV布局定位比较麻烦，table有三列，分别为基本信息，输入的信息，提示信；输入信息栏，插入表单进行少量CSS样式修改，达到布局效果，整体效果如下：主要使用阅读全文

posted @ 2017-04-13 20:01 螃蟹在剥我的壳阅读(1334) 评论(0) 推荐(0) 编辑

点击按钮生成新的按钮、表格，同时之前的按钮失去功能

摘要：今天做了两个小练习，还是记录一下吧 1、点击按钮生成一个按钮，点击新按钮，又生成一个按钮，同时原来的按钮失效；效果图 HTML部分久只创建了一个input，也没有用CSS样式运用JS创建按钮，本来是想用removeAttribute移除属性，但只有按钮源失去了产生按钮的功能，所以投机取巧，设置se 阅读全文

posted @ 2017-04-13 18:55 螃蟹在剥我的壳阅读(328) 评论(0) 推荐(0) 编辑

html、css、js实现简易计算器

摘要：学习HTML，CSS，JS一个月后，想着能自己是否能写出一个简单的东西，故编写了简易的计算器，之前也写过一个坦克大战，坦克大战的有些基本功能没有实现，故也没有记录下来，想来，对这行初来咋到的，还是需要留下些东西供自己日后回忆，于是写下这篇随笔；因第一次写博客，不知道怎么上传源代码，也不知道怎么在博阅读全文

posted @ 2017-03-31 19:11 螃蟹在剥我的壳阅读(1030) 评论(1) 推荐(0) 编辑