![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
真实的曼巴
男人,谁能阻挡你
展开
-
js验证
不错的JS验证~~~~~~~~~~~~~~~~~~~~~ 用途:校验ip地址的格式 输入:strIP:ip地址 返回:如果通过验证返回true,否则返回false; */ function isIP(strIP) { if (isNull(strIP)) return false; var re=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g //匹配IP地址的正则转载 2015-10-14 21:02:44 · 319 阅读 · 0 评论 -
飞入购物车特效
用jquery实现飞入购物车特效<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>fly</title> <style> * { padding: 0; margin: 0; } .cart {原创 2016-04-13 12:07:00 · 533 阅读 · 0 评论 -
纯css3实现图片轮播
用css3的动画可以实现图片轮播无非就是两种类型: 左右滚动类型, 渐变类型1 左右滚动 定义一个大盒子 在一个小盒子里面 装3张图片(这里用3张图片为例子) 三张图片可以向左浮动,大盒子 overflow :hidden 小盒子增加css3动画就可以了,无非就是让它来会滚动,滚动距离是大盒子宽度 @-webkit-keyframes animation { 0%原创 2016-04-13 18:58:13 · 6121 阅读 · 0 评论 -
html5 Audio音乐播放器(canvas圆形音乐播放进度条)(一)
html5 Audio音乐播放器(canvas圆形音乐播放进度条)主要用到的是 audio 和canvas,我们下来介绍下着来年哥哥标签以及它们的api:audio 属性 属性值 注释 src url 播放音乐的url地址 preload load/auto 预加载 loop loop 循环播放 controls controls 是否显示默原创 2015-12-17 11:25:11 · 25634 阅读 · 0 评论 -
html5 Audio音乐播放器(canvas圆形音乐播放进度条)(二)
7 问题:对于移动端页面 要适配各种手机屏,对于手机适配的问题 我们经常用rem单位 来处理,但是canvas 不支持rem ,所以需要用js 获取到客户端的手机屏宽度 进行转化,具体怎么做,下次再讲!上次的问题还没回答:这次来回答: 1 先说下rem布局 自适应屏幕的原理 其实rem 就是根节点下 字体大小,通过改变字体大小 来改变改变html元素的大小,把手机宽度 和 字体大小关联起来 ,页原创 2015-12-27 18:03:32 · 4342 阅读 · 0 评论 -
通过原生的方法 来实现 隐藏显示
可以通过原生的方法 来实现 隐藏显示 通过 设置一个自定义标签 data-flag 绑定指控区域中的 关联的东西(某种对应关系),这里还可以不设置 直接用 for循环中的 i 来关联也是可以的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style>原创 2015-12-27 18:21:55 · 1275 阅读 · 0 评论 -
css画八卦图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { padding: 0; margin: 0; } .yin-yang1 {原创 2016-03-15 13:20:22 · 2948 阅读 · 0 评论 -
css 画圆,环形,椭圆
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .circle1{ width: 200px; height: 200px; background-col原创 2016-03-14 18:33:11 · 3244 阅读 · 0 评论 -
css 画矩形
根据border的 top bottom left right 可以定义四个方向的边框,然后就可以得到扫三角形<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .square { width: 300px原创 2016-03-14 18:04:50 · 1444 阅读 · 0 评论 -
css画三角形
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .triangle { width: 0; height: 0; border-top:100px soli原创 2016-03-14 18:12:54 · 250 阅读 · 0 评论 -
水平居中
.child{ display: table; margin: 0 auto; }原创 2017-01-04 14:40:03 · 428 阅读 · 0 评论