HTML
关注
分享
扫一扫
邹大叔
不做程序猿，只做好老公。
展开
-
【表单验证】一个新手做的 大家多多指教
如果有什么不对的地方，请大家多多支持！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>注册-个人用户</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control"原创 2017-02-10 18:19:23 · 315 阅读 · 0 评论 -
【特效】挺不错的一个轮播图
使用前必看：图片换成自己的，样式调成自己喜欢的也可以，一般的项目够用了，如果图片有点多推荐使用插件 swiper，<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> /*通用样式*/ html,body{转载 2017-02-10 16:38:03 · 1383 阅读 · 0 评论 -
【技巧】div超出文字隐藏并显示省略号
HTML代码如下：<div class="logisNews rt"> <div class="newsTitle"> <h3> <img src="img/icons/news.png" /> <span>新闻资讯</span> <a class="rt" href="#">更多>></a></h3>原创 2017-02-22 10:23:41 · 2860 阅读 · 0 评论 -
【技巧】input选择图片预览
预览效果见下图：HTML代码如下：<html><head><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><meta charset="utf-8" /></head><body><div class="content" style="margin-top:100px;height:200px;"> <翻译 2017-03-15 17:55:45 · 5613 阅读 · 1 评论 -
【技巧】百度地图搜周边
先来看效果吧：全部代码都在这里了…<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <翻译 2017-03-15 18:24:40 · 941 阅读 · 1 评论 -
【技巧】使用视频作为网页背景的技术探讨
使用视频作为网页背景是件很酷的事情，但也是件困难的事情。CSS里的background-image属性只能使用图片、SVG、颜色或渐变色。但从技术讲，我们是可以伪造出一种效果，让视频以背景的角色出现在其它HTML元素后面。这其中的难点是视频要填充整个浏览器页面，而且要响应浏览器窗口大小的变化。观看演示1：点我视频作为网页背景的限制因素在动手编码实现前，视频作为网页背景的有些问题我们要先考虑清楚： 1转载 2017-03-16 11:40:09 · 2026 阅读 · 0 评论 -
【技巧】仿某宝网详情页宝贝放大镜效果
先来看效果吧：HTML代码如下：<!DOCTYPE html><html lang="zh-cn"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,转载 2017-03-16 16:16:47 · 601 阅读 · 0 评论 -
【技巧】font-size:0清除display:inline-block元素换行符间隙
看别人的代码看到过font-size:0这个设置，不明白为何这样操作，后来研究一下才明白：这是像素级还原设计稿很有用的设置，因为元素节点有文本节点，在缩进代码时会占据宽度，这么说不好理解，演示如下：HTML代码如下：<div class="abc"> <div>a</div> <div>b</div> <div>c</div></div>CSS代码如下：.abc{ width: 9转载 2017-05-31 15:49:45 · 814 阅读 · 0 评论 -
【技巧】当屏幕宽度更换时变换调用css
HTML代码如下：<div class="abc"></div>JS代码如下：<script> $(function(){ $(window).resize(function() { var ww = $(window).width(); if( ww > 1000 ){ $('abc').rem原创 2017-06-02 17:50:55 · 800 阅读 · 0 评论