- 博客(14)
- 收藏
- 关注
RSS订阅原创 CSS之object-fit详解
在上面的代码中，我们创建了一个包含图片的容器，使用object-fit: cover属性将图片进行缩放，使其能够完全覆盖容器，并且使用overflow: hidden属性将超出容器范围的部分隐藏起来，以确保图片不会超出容器。当一个图片或视频被包含在一个容器中时，它可能会与容器的宽高比不匹配，此时就需要通过object-fit属性来指定如何调整图片或视频的大小和位置。scale-down：在保持宽高比的情况下，缩小图片或视频，使其不超过容器的大小，如果缩小后的大小小于原始大小，则按原始大小显示。
2023-10-25 11:39:01
1743
转载 页面加载完，再加载图片
先加载一张小图，把大图地址存在data-src属性里，等页面加载完成后，取到大图地址，然后用image对象加载，等加载完成后再把图片地址替换成大图地址。
2023-09-02 15:12:49
114
原创 webuploader 图片方向不正旋转后上传
2、修改webuploader.js 大概6535行 在_rotate2Orientaion: function( canvas, orientation ) { 的上面，屏蔽原来的代码，下面代码是新增的。3、修改upload.js，在uploader.onFileQueued 里 addFile( file ) 上面新增代码，对应上面新增的css代码，完整的upload.js见上一篇文章。新增加个js文件exif.js，下载地址：https://github.com/exif-js/exif-js。
2023-01-02 19:59:54
371
转载 Layui通过质量比例压缩图片并上传
示例中使用的是Layui 2.5.6版本，需要的请到官网下载首先添加上传图片的按钮控件：<button type="button" class="layui-btn" style="margin-top: 10px;width: 100%" id="upload"> <i class="layui-icon"></i>上传图片</button><script> //一般直接写在一个js文件中
2022-04-19 23:41:01
576
原创 ASP解析JSON格式数据方法
<script language="jscript" runat="server"> Array.prototype.get = function(x) { return this[x]; }; function parseJSON(strJSON) { return eval("(" + strJSON + ")"); } </script> <% Dim json, obj json = "{a:""aaa"", b:
2022-03-24 12:46:04
2228
转载 asp接收和解析post传递的json数据
'字节流转为字符串function bytes2bstr(vin) dim bytesstream,stringreturn set bytesstream = server.CreateObject("adodb.stream") bytesstream.type = 2 bytesstream.open bytesstream.writeText vin bytesstream.position = 0 bytesstream.charset = "utf-8"'或者gb23
2022-03-24 12:35:17
1940
原创 canvas生成海报
<style>.photoPic{ display:none;}</style><div id="content"> <div class="test" style=" width:100%; background:#fff; overflow:hidden;"> </div> <input id="text" type="text" value="http://" s..
2021-10-27 15:29:29
235
原创 ajax提交表单+loading效果
$(function() { $('#send_submit').click(function() { var txt_title = $.trim($('#txt_title').val()); var txt_name = $.trim($('#txt_name').val()); var txt_loupan = $.trim($('#txt_loupan').val()); var txt_phone = $.trim($('#txt_phone').val()); var
2021-10-27 14:30:13
484
原创 jq弹窗定时器
$(function(){ //弹窗定时器 var iCount = setInterval(alertMsg, 1000*30); //弹窗显示函数 function alertMsg(){ //console.log ($.cookie("isClose")); if($.cookie("isClose") != 'yes'){ $(".bajia-suan").show(); } } $(".close").click(function(){ $(".baji.
2021-10-27 14:12:41
315
原创 JQ点击展开再次点击收缩
<div class="wrapper"> <ul class="join"> <li> <span class="join_post">实习律师</span> <span class="join_add"><p>职位名称：实习律师</p><p>工作城市：江苏泰兴</p><p>
2021-10-27 14:07:08
823
原创 css3 线性渐变和径向渐变
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>线性渐变和径向渐变</title> <style type="text/css"> #dd{ width: 500px; height: 200px;
2021-10-27 14:02:13
94
转载 css3 flex 详解,可以实现div内容水平垂直居中
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-10-27 13:52:23
589
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人