HTML
关注
分享
扫一扫
执着的小鱼儿
我始终相信，越努力就会越幸运！
展开
-
Html 在线预览word、excel、pdf等文档
Html 在线预览word、excel、pdf文档原创 2022-08-04 21:29:08 · 3174 阅读 · 1 评论 -
HTML 页面禁止打印
问题：现在好多客户要求页面禁止打印，如果全面禁止用户打印，这个实施起来非常困难，但如果换个思路，让客户打印的内容全部为空，从结果上来看，也满足了客户的需求。代码如下：<html> <head><title>不可打印的页面</title> <style> @media print{ ...原创 2019-11-15 09:25:05 · 4358 阅读 · 0 评论 -
HTML页面禁止文章复复制粘贴
小伙伴们在开发的时候偶尔会遇到这样的需求，客户要求文章页禁止复制和粘贴，实现这个功能代码如下 （可同时实现PC端和手机端）：*{-webkit-touch-callout:none; /*系统默认菜单被禁用*/-webkit-user-select:none; /*webkit浏览器*/-khtml-user-select:none; /*早期浏览器*/-moz-user-s...原创 2019-11-12 11:29:46 · 1192 阅读 · 0 评论 -
文本编缉器提示图片未经授权
最近编缉器经常会出现这样的图片解决方法：在HTML页加入如下标签：<meta name="referrer" content="no-referrer" /> <!--可以让img标签预加载网络图片-->...原创 2019-11-06 10:18:31 · 165 阅读 · 0 评论 -
video 标签鼠标划过视频播放，鼠标划出视频暂停
代码如下：<video muted="muted" onMouseOver="this.play()" onMouseOut="this.pause()" class="video_class" > <source src="__ROOT__/data/upload/videos/movie.ogg" type="video/mp...原创 2019-06-28 17:30:13 · 5545 阅读 · 0 评论 -
CSS 选取第几个标签元素
在前端开发中，我们可能会碰到这样的需求：想让列表中的第一个部分显示不同的样式 ，想让列表中的偶数部分显示不同的背景颜色，想让列表中的最后一部分样式不一样……这样的需求，我们怎样来实现？其实，如果前面文件是php开发的，可以通过php的循环语句+判断语句+css样式来实现。但是，如果是静态代码，php就无法用了。这时，我们还可以通过CSS来实现，CSS给我们提供了几个非常有用的样式参数：first-...原创 2019-06-18 10:11:03 · 11056 阅读 · 2 评论 -
HTML 文本艺术隐藏，多余用省略号表示
把文本限制在一行（white-space: nowrap;），前提这一行是有限制的(width)，然后你的溢出的部分要隐藏起来（overflow: hidden；），最后出现省略号（ text-overflow: ellipsis）。...原创 2019-01-04 11:34:07 · 836 阅读 · 0 评论 -
点击添加，增加一栏
想要效果如下： HTML 代码<tr> <th>视频路径</th> <td> <ul id="video-url"> </ul> <span class="btn btn-default"原创 2018-09-11 13:31:10 · 2838 阅读 · 0 评论 -
Jquery 表单提交
function save(){var data=$('#singcms-form').serializeArray(); // #singcms-form 为FORM 表单的 ID，serializeArray()创建一个对象组成的javascript数组，用来编码成一个JSON一样的字符串。var postData={};$(dat...原创 2018-06-21 13:59:40 · 482 阅读 · 0 评论 -
回车提交信息
//回车自动提交$(document).keyup(function(event){ if(event.keyCode ==13){ $("#submit_btn").trigger("click"); } }); 已实测，绝对好用！...原创 2018-05-25 17:08:32 · 182 阅读 · 0 评论 -
文件上传按钮样式修改及上传文件名显示
nput file上传按钮的美化思路是，先把之前的按钮透明度opacity设置为0,然后，外层用div包裹，就实现了美化功能。代码如下：DOM结构：<a href="javascript:;" class="a-upload"> <input type="file" name="" id="">点击这里上传文件</a>转载 2018-05-03 15:55:28 · 6093 阅读 · 0 评论 -
HTML5 上传文件按钮代码
使用文字代替<label class="ui_button ui_button_primary" for="xFile">上传文件</label><form><input type="file" id="xFile" style="position:absolute;clip:rect(0 0 0 0);"&a原创 2018-05-03 15:47:45 · 15602 阅读 · 0 评论