HTML
关注
分享
扫一扫
⑥②
这个作者很懒，什么都没留下…
展开
-
小程序和H5页面如何实现图片的瀑布布局
瀑布布局使用绝对定位的形式，这里使用waterfall-js来获取计算后的图片项的位置大小等信息，可以看到最终的效果图，示例代码可以参考https://gitee.com/orz365/waterfall-js可以看到，图片上的图片等列的显示，都是不等高的，对于这种像流水一样的布局，可以称为瀑布流的布局，对于不同大小的图片，这种布局方式是一种不错的选择。我们使用一种js插件，waterfall-js插件，我们只要传入我们要展示的图片列表信息，它可以很快的计算出我们要展示的图片大小，并将图片的大.原创 2021-07-27 09:29:04 · 534 阅读 · 0 评论 -
Canvas学习，用Canvas画五子棋并进行简单判断输赢
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>五子棋</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"> <styl...原创 2021-06-17 11:13:16 · 555 阅读 · 1 评论 -
比较常用的几个富文本编辑器，CKeditor、KindEditor、TinyMCE、Simditor
CKeditor有4和5两个版本在维护，版本5支持模块开发，可以动态的加载需要使用的模块，优快云也在使用，对图片的操作很方便，可定制图片手动缩放、优化等。TinyMCE本文更新时最新版本为v1.4.3.3，更新时间为2016年5月18日。Ueditor本文更新时最新版本为v1.4.3.3，更新时间为2016年5月18日。KindEditor本文更新时最新版本为v4.1.11，更新时间为2016年3月31日。Simditor本文更新时最新版本为v2.3.28，更新时...原创 2020-07-18 09:29:29 · 4205 阅读 · 0 评论 -
ueditor如何改变图片大小等比缩放
缩放图片大小是在插件fiximgclick中，可以直接搜索fiximgclick或updateTargetElement来寻找下面的代码。8个角都可以进行等比缩放updateTargetElement: function () { var me = this; // 拿到图片的原始大小 var o_width = me.target.naturalWidth; var o_height = me.target.naturalHeight; // 计算出原始图.原创 2020-06-23 12:38:20 · 2787 阅读 · 0 评论 -
一段代码，使用flex布局方式写出图文列表
在学习使用新的知识，最直观的方式就是用一段代码来展示学习。其实在flex布局中，我们可以用最简单的代码写出好看的页面。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>使用flex布局的列表页面</title> <style> .list { } .item {原创 2020-06-05 16:19:38 · 534 阅读 · 0 评论 -
为什么图片img下方会出现一行空白？
我们在使用inline或inline-block做img图片对齐的时候，通常会发现图片下方有一行空白，这样的空白直接影响我们的显示效果，那么为什么会出现那样的空白呢？可以看到上图，图片底部就是基线位置，蓝色的线就是底线位置，这是由于行内元素的vertical-align的对齐方式默认为baseline。图片和单词是两个行内元素，如果想上下居中对齐，需要对图片和单词都设置vertical-a...原创 2020-04-08 16:40:01 · 2015 阅读 · 0 评论 -
Spin.js旋转的加载动画
转载文章：http://www.gunjidan.com/html/frontpage/65_1.html转载 2014-10-20 22:40:10 · 1550 阅读 · 0 评论 -
动态分页展示效果（纯JavaScript编写，值得学习）
动态分页展示效果（纯JavaScript编写，值得学习）实例索引body{margin:0px;padding:0px;font-size:12px;font-family:Verdana, "微软雅黑";background:#2d3033;}img{border:0;}a{outline:none;}#box{width:918px;height:745转载 2012-07-26 15:27:09 · 1937 阅读 · 0 评论 -
HTML头文件补充资料
一．元信息标志(1) HTTP-EQUIV属性1．定义字符集 2．自动刷新(240秒)3．设定跳转URL(自动跳转时间3秒)4．设定禁用缓存5．设定有效期(2010.12.31.星期五10点11分20秒)6．设定转场效果DURATION=VALUE设定过度时间TRANSITION=NUMBER设定过度效果方式编号盒状转载 2012-05-24 00:49:49 · 1383 阅读 · 0 评论