![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发
IT羊
IT民工,爱着和恨着这个行业!
展开
-
iframe视频调用自适应页面大小使用css控制(同样适合其他元素)
为了使iframe中的视频自适应页面大小,您可以使用CSS控制其宽度和高度。方便在电脑端和手机端等自适应显示大小,在实际项目还是比较常见呢,用CSS 不用再写JS来控制,这个是蛮不错呢。这个示例使用了16:9的宽高比,您可以根据需要更改padding-bottom的值来设置不同的宽高比。使用这种方法,iframe中的视频将根据页面大小自动调整,并始终保持正确的宽高比。首先,在HTML文件中,将iframe嵌入到一个包装元素(例如。原创 2023-04-01 13:38:02 · 1939 阅读 · 0 评论 -
jquery显示隐藏方法实现动画效果整理
jquery显示隐藏方法实现动画效果整理原创 2023-01-02 03:13:28 · 299 阅读 · 0 评论 -
关于阿里云oss对象存储图片处理的一些列子总结
一、缩放操作名称:resize完整版请到官方文档查看:https://help.aliyun.com/document_detail/44688.html1、?x-oss-process=image/resize,m_fill,w_300,h_344 //缩放到宽300,搞344,然后超出的部分以中心开始截取2、?x-oss-process=image/resize,m_fill,w_300,h_344,limit_0 //上面方式可能会出现上传的图小于这个像素,他无法处理,我们就加上limit_0原创 2020-09-25 09:27:06 · 803 阅读 · 0 评论 -
关于腾讯云对象储存cos的配置方法简单说明
申请腾讯云对象储存,免费没个月有10G流量,如果网站流量大,可付费购买点击创建存储桶,如图创建注意事项,如图查找储存桶秘钥获取默认项目的秘钥,不是总的秘钥如果需要不同尺寸的缩略图则需要启用腾讯云的数据万象功能,如图注意腾讯云的图像处理接口download_url?imageView2/w/h/format/q/rq/lq列子http://examples-1251...原创 2018-10-30 13:03:19 · 6329 阅读 · 1 评论 -
利用jquery.print.js实现自定义网页打印
最近做项目。客户好些地方需要打印网页上的表格,研究了好些方法都不太理想。最后找到一个jquery.print.js打印插件,非常方便就可以实现想要的网页打印效果,值得推荐。实现方法 引用jquery和,jqprint到您的页面<script language="javascript" src="jquery-1.4.4.min.js"></script><...原创 2018-05-22 15:10:22 · 9241 阅读 · 1 评论 -
ckplayer播放器解决MP4文件缓冲结束前无法播放的方法
最近给客户上传mp4的视频,发现不下载完成,不会播放,查了下,视频要等加载完才能播放,而不是边加载边播放这是因为视频的元数据信息不在第一帧所致。元数据是指保存视频属性的一组参数,比如视频的宽度,高度,时间长,总字节,关键帧等信息。因为网页上的视频播放器播放视频是以流的形式加载(即没办法直接加载视频结尾的数据,只能从前向后加载),所以播放器必需要读取到元数据信息才可以进行播放。 具体的解析办法可参考转载 2017-05-10 17:13:20 · 9510 阅读 · 0 评论 -
一些有意思的前端插件收集
现在做前端往往客户要求越来越多,今天收集了几个有意思的插件。 1、jQuery全屏滚动插件fullPage.js,这个插件非常适应于做全屏单页。 2、页面元素css3动画插件wow.js和scrollReveal.js。 3、增加中…原创 2016-12-29 21:34:24 · 790 阅读 · 0 评论 -
在表单中同时将一个文本框的值传给其他的隐藏文本框
菜鸟笔记:在做项目的时候,发现客户不需要好几个注册字段,但是这几个字段又是系统必须的,所以就想实现,比如我个A字段的文本框输入值的同时这个值也传个B字段和C字段。百度了下,菜鸟搞不懂,在群里两位热心朋友帮助下可以实现了原创 2016-10-07 23:38:11 · 1228 阅读 · 0 评论 -
关于验证表单插件Validform的用法
先说明下,这个是菜鸟教程。主要是写给自己和像我一样的菜鸟看的,高手勿喷! Validform是一个很好的表单验证插件,作者写了很多方法,我们只要直接调用就好了。使用方法 1、写入此插件必须的css,以及他的图片,在插件包里面有/*==========以下部分是Validform必须的===========*/.Validform_checktip{ margin-left:8px原创 2016-10-07 13:01:21 · 8023 阅读 · 0 评论 -
百度编辑器上传图片添加水印方法
最近做项目,用的是百度编辑器,客户有个要求,上传图片的时候批量添加水印,基本上说我是菜鸟型的,百度半天找了好些方法,都不对,最后找到一个方法,测试了下,暂时没问题,把它记录下来,供大家参考。 1、打开ueditor目录下的php目录下的config.json 文件,在上传配置项添加下面代码:"iswatermark": "true", /* 图片上传水印 */2、打开ueditor目录下的php目原创 2016-11-09 23:24:35 · 3509 阅读 · 0 评论 -
Jquery实现简单的遮罩层代码
在开发中,为了避免二次提交,遮罩层的运用越来越普遍 看了很多代码,下面跟大家分享一下我认为最简单的遮罩层实现方式: 1.样式如下设置:<style type="text/css"> .mask { position: absolute; top: 0px; filter: alpha(opacity=60); background-colo转载 2016-10-14 18:56:35 · 348 阅读 · 0 评论