HTML5/CSS3共113篇
bootstrap框架下封装一个Alert弹出框-易微帮

bootstrap框架下封装一个Alert弹出框

废话不说直接开始 新建 alert_box.js 文件 var commonUtil = { /** * 弹出消息框 * @param msg 消息内容 * @param type 消息框类型(参考bootstrap的alert) */ alert: function(msg, type){ i...
宇凡的头像-易微帮宇凡1年前
083213
layui2.5 开关在confirm确认了之后在关/开-易微帮

layui2.5 开关在confirm确认了之后在关/开

<!--默认选中--> <div class='layui-form-item layui-form'> <div class='layui-input-block'> <input lay-filter='used' type='checkbox' value='1' name=...
宇凡的头像-易微帮宇凡2年前
088013
好看的横向水平时间轴 纯 html + css-易微帮

好看的横向水平时间轴 纯 html + css

HTML代码: <div class='toggle'> <span>☀️</span> <input type='checkbox' id='toggle-switch' /> <label for='toggle-switch'></label> ...
宇凡的头像-易微帮宇凡2年前
086114
水平时间轴 html + css-易微帮

水平时间轴 html + css

这个是写微信页面时写的,pc 也是一样的效果 代码如下: <div class='time_line_box'> <div class='time_line' style='width:100%;'> <ol> ...
宇凡的头像-易微帮宇凡2年前
075112
谷歌翻译网站的插件新途径外贸网站多语言翻译-易微帮

谷歌翻译网站的插件新途径外贸网站多语言翻译

以前谷歌翻译有一个网站插件,申请以后对接到网站上就可以自动翻译网站,这个对于做全球贸易的独立站的朋友来说是一个福利,但最近谷歌已经暂停了新网站插件的申请。不过谷歌翻译的接口还是可以...
宇凡的头像-易微帮宇凡2年前
08318
谷歌地图 API 的 5 个强大替代品(国外产品)-易微帮

谷歌地图 API 的 5 个强大替代品(国外产品)

谷歌地图因其全球地理定位服务而广受欢迎。他们庞大的地理特征、小型企业和全球街道图像数据库是无与伦比的——这就是为什么谷歌地图 API多年来一直是开发人员的首选。 然而,在 2018 年 7 月...
宇凡的头像-易微帮宇凡3年前
022860
mapbox全球地图添加多个标注点并显示标签-易微帮

mapbox全球地图添加多个标注点并显示标签

最近在给公司做一个项目,需要世界地图,百度和腾讯没有英语版,只有高德有,但是高德的缩放率不满足需求,在大屏的情况下还可以,屏幕缩小以后,显示不全。 就会有很多想到用谷歌地图,但是作...
宇凡的头像-易微帮宇凡3年前
014360
好看的CSS3 加载页面动画效果 loading效果-易微帮

好看的CSS3 加载页面动画效果 loading效果

<!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta http-equiv='content-type' content='text/html; charset=UTF-8'> <meta name='viewport' cont...
宇凡的头像-易微帮宇凡3年前
08980
地图调起URI API(通过连接直接调用百度地图)-易微帮

地图调起URI API(通过连接直接调用百度地图)

网站:http://lbsyun.baidu.com/index.php?title=uri/api/web 地图调起URI API 百度地图URI API是为开发者提供直接调起百度地图产品(百度Web地图、百度地图手机客户端)以满足特定业务场景下应...
HTML5 classList操作类名属性简介-易微帮

HTML5 classList操作类名属性简介

通常我们在操作类名时,需要通过className属性来添加,删除和替换类名。因为className中是一个字符串,所以即使我们只是修改字符串的一部分,也要每一次都重新设置整个字符串的值。例如有下面的...
宇凡的头像-易微帮宇凡3年前
039.3W+0
Element Traversal规范中的元素遍历方法-易微帮

Element Traversal规范中的元素遍历方法

对于元素间的空格,IE9以前的版本不会返回文本节点,而其他浏览器都会将空格当做是文本节点返回。这就导致了在使用childNodes和firstChild的属性时行为的不一致。为了弥补这一差异,而同时又保...
宇凡的头像-易微帮宇凡3年前
08160
rotateX() | CSS属性参考-易微帮

rotateX() | CSS属性参考

CSS rotateX()函数用于在三维空间中沿X轴旋转一个元素。 rotateX()函数的语法如下: transform: rotateX(<angle>); 它实际上等效于: transform: rotate3d(1, 0, 0, <angle>...
宇凡的头像-易微帮宇凡3年前
8740
<basic-shape> | CSS属性参考-易微帮

| CSS属性参考

CSS <basic-shape>数据类型用于使用图形函数来定义一个基本图形。 当使用<basic-shape>数据类型的来定义一个图形的时候,参考盒模型使用<basic-shape>的值来定义。图形的坐...
宇凡的头像-易微帮宇凡3年前
8920
CSS属性参考-易微帮

CSS属性参考

属性(Property) animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-stat...
宇凡的头像-易微帮宇凡3年前
17070
::placeholder | CSS属性参考-易微帮

::placeholder | CSS属性参考

CSS ::placeholder伪元素代表表单input元素中的占位文本。 例如,可以为一个日期类型的input元素设置“YYYY-MM-DD”的占位提示文本,代表要输入日期的格式。也可以为一个email类型的input元素...
宇凡的头像-易微帮宇凡3年前
7780
scaleX() | CSS属性参考-易微帮

scaleX() | CSS属性参考

CSS scaleX()函数函数用于在X轴方向上缩放元素。 scaleX()函数的语法如下: transform: scaleX(<number>); scaleX()函数用于在X轴方向上缩放元素。它接收一个无单位的<number>...
宇凡的头像-易微帮宇凡4年前
9940