web前端
文章平均质量分 63
郝刚1
笨鸟先飞。
展开
-
菜鸟学web-H5写的圆盘时钟效果
今天学习了H5的canvas标签的使用,其中canvas的所有效果都是用javascript所写,为了能更快的熟悉canvas的使用,所以自己找了资料写了一个小dome-圆盘时钟。完全使用H5书写,没有用任何图片。 先看下效果图: 如果感觉我这个效果可以,那就把这个时钟嵌入到你的页面中吧!!首先在html页面中有以下代码:<div><!-- width和height一样-->原创 2016-10-22 00:42:01 · 1618 阅读 · 0 评论 -
float的深度理解
float属性在css2中是一个热门的属性,被广泛应用于布局之中,同时由于不当使用float带来的问题也非常多,本文结合自己对float的理解以及实际项目中碰到float的相关问题,做一个详细总结,欢迎一起探讨,但未经同意禁止转载。以下是文章的目录float的特性float与absolute的区别float与inline-block清除浮动的方法及优缺点转载 2016-11-08 23:53:41 · 577 阅读 · 0 评论 -
菜鸟学web---类似淘宝的登陆界面
功能介绍:该页面只是在浏览器端判断是否输入的字符是否符合要求,没有经过数据库。当点击文本框时,会有提示,输入完成后也会看是否正确,后面也会跟着一些提示。界面如下: 输入用户名或者密码时: 其中所用到的知识:简单的html 、css 和javascript, 在javascript中使用到了Javascript的正则表达式。(以后文章会写一些简单的正则表达式)html代码:<!DOCT原创 2016-10-19 22:17:50 · 6367 阅读 · 1 评论 -
css实现各种形状(后续会有补充)
一共收集整理了图形20个,比较实用,同时也为了熟悉CSS的代码。整合了一下,有错误欢迎指出。1.正方形#square {width: 100px;height: 100px;background: red;}2.长方形 #rectangle {width: 200px;height: 100px;bac转载 2016-11-20 11:28:30 · 403 阅读 · 0 评论 -
CSS中“边框法”的高级应用(所有可遇到的聊天气泡)
说是高级应用,准确讲应该是“复杂应用”。就是说用两个标签(或无标签 – 使用:before与:after伪类)形成的两个不同的边框进行组合显示实现的一些效果。看下面两个图,本单元就是要实现下面两种效果:1、效果(1)CSS代码如下:.test{width:300px; padding:30px 20px; margin-left:60px; background转载 2016-11-20 10:46:17 · 960 阅读 · 0 评论 -
css实现两端对齐的方法(先借鉴别人的,后期再加入自己的理解)
说到两端对齐,大家并不陌生,在word、powerpoint、outlook等界面导航处,其实都有一个两端对齐(分散对齐)的按钮,平时使用的也不多,我们更习惯与左对齐、居中对齐、右对齐的方式来对齐页面的文本或模块。 响应式网页设计出现以来,更多是使用百分比布自适应布局,特别是在移动端,两端对齐的方式显得越来越重要。那么,如何使用css实现两端对齐,相信很多同学会文本对齐的text-al转载 2016-12-03 17:52:19 · 561 阅读 · 0 评论 -
java和jQuery实现跨域
转载:http://girl-luo.iteye.com/blog/2325074在学习下面代码时区,如果基础不太好请到该网站:http://www.imooc.com/video/6239jquery端代码 $.ajax({ async:false, url: 'http://www.**.com/**/jsonp', // 跨转载 2017-07-28 19:55:08 · 402 阅读 · 0 评论 -
前端chrome浏览器调试总结
引言“工欲善其事,必先利其器” 恩,这句话我觉得说的特别有道理,举个例子来说吧,厉害的化妆师都有一套非常专业的刷子,散粉刷负责定妆,眼影刷负责打眼影,各司其职,有了专业的工具才能干专业的事,这个灵感要来源于之前我想买化妆品时,店里的海报标语,由此联想到,如果你想在某个事情上做好,并且做的专业,那么你一定要把你的工具用好,这样才能事半功倍,我见过很多师兄师姐,他们写了很多代码,他们能够很快的完成工作转载 2017-11-21 16:07:32 · 461 阅读 · 0 评论