Web前端 - 随笔分类(第2页) - 刘一二

身份证号规则及校验

摘要：公民身份号码是特征组合码，由十七位数字本体码和一位数字校验码组成。排列顺序从左至右依次为：六位数字地址码，八位数字出生日期码，三位数字顺序码，最后一位是数字校验码。身份证最后一位是根据前面十七位数字码，按照ISO 7064:1983.MOD 11-2校验码计算出来的检验码。作为尾号的校验码，是由号码... 阅读全文

posted @ 2015-12-12 10:14 刘一二阅读(3047) 评论(0) 推荐(0)

原生js实现跑马灯抽奖效果

摘要：目前好多的微信活动都有一些抽奖活动，其中就有跑马灯。跑马灯效果 1 2 3 4 12 5 11 ... 阅读全文

posted @ 2015-09-14 22:10 刘一二阅读(3164) 评论(0) 推荐(2)

html轮播效果的实现

摘要：要实现如下图的效果点击可以选择图片；不点击的时候自动轮播；并且点击完后再次自动轮播。思路：如同在房子里透过窗子看路过的火车一样，窗子是不动的，但火车是陆续经过窗子的，所以透过窗子可以看到依次看完所有的火车。1. 让将图片排成一列“火车”：ul中li（li中放着轮播图片）漂浮起来后，就排列成一溜了2.... 阅读全文

posted @ 2015-09-14 20:37 刘一二阅读(11849) 评论(1) 推荐(0)

js制作带有遮罩弹出层实现登录小窗口

摘要：要实现的效果如下点击“登录”按钮后，弹出登录小窗口，并且有遮罩层（这个名词还是百度知道的，以前只知道效果，却不知道名字）在没有点击“登录”按钮之前登录小窗口不显示，点击“登录”按钮后小窗口显示，并且遮罩层笼罩整个页面，使整个页面的其他元素暂时失去行为。遮罩层的实现：相对于body绝对定位，宽度和高度... 阅读全文

posted @ 2015-09-12 20:41 刘一二阅读(11663) 评论(1) 推荐(3)

css伪元素before/after和画三角形的搭配应用

摘要：想要实现的效果如下: 第一步：如何用css画出三角形？ 1 /* css画三角形 */ 2 .sanjiao{ 3 width:0; 4 border-top:40px solid red; 5 border-bottom:40px solid green; 6 border-left:40px s 阅读全文

posted @ 2015-09-11 11:06 刘一二阅读(21239) 评论(0) 推荐(1)

js中json字符串转成js对象

摘要：json字符串转成js对象我所知的方法有2种：//json字符串转换成json对象var str_json = "{name:'liuchuan'}"; //json字符串//1. 函数对象构造定义var obj1 = new Function("return " + str_json)();con... 阅读全文

posted @ 2015-09-04 17:30 刘一二阅读(1109) 评论(0) 推荐(0)

页面瀑布流布局的实现 javascript+css

摘要：先看所谓的瀑布流布局在不使用瀑布流布局的情况下，当页面要显示不同高度的图片时，会如下面显示下面的元素总是和最靠近它的元素对齐。为了使元素能够在我们想要的位置上显示，我们使用绝对定位。说一下大体思路(也是看了别人的):一切的不对齐都是从第一行的图片排列开始的，也许不是很准确，那么换一个说法：要想使图片... 阅读全文

posted @ 2015-08-27 22:34 刘一二阅读(3992) 评论(0) 推荐(0)

鼠标悬停显示透明文字内容

摘要：最近得出一个css规律，凡是变化的css特效，总是在不同状态之间转换，只要规定好不同状态下的样式并使用 transition 我要成为海贼王的男人阅读全文

posted @ 2015-08-27 11:09 刘一二阅读(843) 评论(0) 推荐(0)

纯css下拉菜单的制作

摘要：通过观察下拉菜单的过程，发现有两种状态，一种是鼠标没有hover时，一种是鼠标hover时。主菜单hover时，显示子菜单；主菜单没有hover时，不显示子菜单下拉菜单菜单1 ... 阅读全文

posted @ 2015-08-27 09:55 刘一二阅读(253) 评论(0) 推荐(0)

各大网站CSS代码初始化集合

摘要：css代码之所以初始化，是因为能尽量减少各浏览器之间的兼容性问题!腾讯QQ官网样式初始化body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0... 阅读全文

posted @ 2015-08-07 19:47 刘一二阅读(231) 评论(0) 推荐(0)

上拉页面自动加载

摘要：本人也是菜鸟一个，初接触web前端，有错的地方，请喷我的同时，告诉我错在哪里！谢谢我写随笔是主要是为了总结所学知识，同时方便以后的查阅。不管是pc端，还是手机端，都有一种上拉页面自动加载的效果。当用户浏览到页面底部时，网速慢的时候会看见“正在加载中...”的字样，那是因为用户从一开始访问页面时，we... 阅读全文

posted @ 2015-08-05 16:01 刘一二阅读(1591) 评论(0) 推荐(0)

手机点击图片时出现边框线的解决方法

摘要：当我们把页面部署到手机时，经常会出现：点击图片时，图片四周出现边框，非常的难看! 上面的css样式可以解决这个问题! 阅读全文

posted @ 2015-07-27 14:11 刘一二阅读(1169) 评论(0) 推荐(0)

浮动以后父DIV包不住子DIV解决方案

摘要：转载自http://blog.sina.com.cn/s/blog_6c363acf0100v4cz.html 转载自http://blog.sina.com.cn/s/blog_6c363acf0100v4cz.html 当DIV1里面嵌套有一个DIV2，当DIV2设置了浮动，那么DIV1是无法被阅读全文

posted @ 2015-07-20 18:03 刘一二阅读(1388) 评论(0) 推荐(0)

a标签属性href值为#和javasrcript:void(0)的区别

摘要：当我们需要一个空链接时，通常有两种方法： href="#" #之后跟着锚记名称，点击后跳转到页面指定位置；没有跟锚记名称则默认跳转到页面顶部 href="javascript:void(0)" void是一个操作符，这个操作符指定要计算一个表达式但是不返回值。如果在void中写入0（void(0)）阅读全文

posted @ 2015-07-18 20:14 刘一二阅读(2187) 评论(0) 推荐(0)

随笔分类 - Web前端