![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
wuzuyu365
这个作者很懒,什么都没留下…
展开
-
jquery实现多选框
<style> #div_con{ border:1px solid #aaa; max-width:300px; background:#def; } #div_tip_in{ padding:4px; max-height:300px; overflow:auto; background:#fff; } #div_tip_in div{ padding:2px 6px; margin:2px; cursor:pointer;.原创 2022-04-02 15:41:48 · 2719 阅读 · 1 评论 -
自己做一个css复选框
<!DOCTYPE><meta charset='UTF-8' /><style> .span_my_checkbox { display:inline-block; border:1px solid limegreen; position:relative; padding:10px; text-align:center; width:100px;} .span_my_yes { width: 0; height: 0; posit.原创 2021-10-11 11:11:04 · 329 阅读 · 0 评论 -
仿word可拖动行列改变单元格大小的table
<!DOCTYPE html PUBLIC "-//W4C//DTD XHTML 1.0 Transitional//EN" "http://www.w4.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head> <META http-equiv=content-Type ...原创 2020-05-03 16:35:47 · 385 阅读 · 0 评论 -
一个元素无法点击bug的解决
一个html 按钮无法点击,把浏览器缩小点或者放大点都可以,特别奇怪的是,本来是把这个按钮的cursor设为pointer的,然而在鼠标移到按钮上时,上半部分是指针图标,无法点击,下半部分是pointer,可以点击。后来发现,是因为把body的高度设为了99%,而body刚好就把这个按钮的一半盖住了?把body 高度99%的属性去掉就ok了。...原创 2020-04-22 10:32:09 · 487 阅读 · 0 评论 -
一个有趣的遮罩问题
这个遮罩问题是这样的:一个div里面还有个div , 要点击里面的div时,放大显示,并在其后显示一个遮罩,把其他的都遮住。其中外面的div是fixed的,这个就比较难搞了, 里面的div指定一个更高的z-index没用。一遮罩,就把2个div都遮住了。经过研究,终于解决了:<!DOCTYPE html><html lang="en"...原创 2019-12-03 13:43:32 · 182 阅读 · 0 评论 -
iframe空白的原因
iframe本地是ok的,线上是空白的,原因是线上是https的,而iframe的src是http的原创 2019-10-21 16:49:54 · 3513 阅读 · 2 评论 -
Extjs在panel的标题栏上加按钮的方法
Ext.define('MyPanel',{ extend:'Ext.panel.Panel', xtype:'mypanel', title:'title', height:200, initComponent:function(){ var me=this; me.okBtn = new Ext.button.Bu...转载 2018-11-13 10:42:32 · 3702 阅读 · 0 评论 -
ExtJS一个表格错位的bug处理
有个布局,是左边一个treepanel,右边一个grid,结果是左边的treepanel没有滚动条,因为左边的树列表内容很多,显示不完,应该出现垂直滚动条的,右边的表格也错位了,标题和下面的行没对齐:代码是这样的: 布局:Ext.apply(me, {items: [{ region: "center", layout: "border", split: ...原创 2018-12-14 09:41:42 · 1534 阅读 · 0 评论 -
::before和::after伪元素的妙用
场景: 假如有一天,你的在写一个前端项目,是关于一份点餐商家电话信息表,你啪塔啪塔地写完了,突然间项目经理跑过来找你,要求你在每一个商家的电话号码前都添加一个电话符号,来使得电话号码更直观和页面更美观。这个时候你就纠结了,这不是折磨人吗?这不是要我在每个电话号码前都添加一个<img>标签?这要整到猴年马月?搞不好还会出现标签浮动的问题。这个时候::after伪元...转载 2018-12-07 10:23:14 · 1316 阅读 · 0 评论 -
div带图片拖拽缩放
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jQuery拖拽放大缩小插件idrag</title> &原创 2018-12-07 14:00:41 · 2202 阅读 · 0 评论 -
10大H5前端框架
http://www.cnblogs.com/kingboy2008/p/5261771.html转载 2018-12-07 15:55:47 · 12635 阅读 · 0 评论 -
ExtJS里面div包着a,但是a把div突破了,怎办?
js代码是这样的,var t_link = "<div style=' border:1px solid red; ' >" +" <a target='_blank' " +"style='text-decoration:none; border:1px solid blue; ' " +" href='" + t_url + "' >"原创 2018-12-27 10:07:05 · 268 阅读 · 0 评论 -
jQuery锁定表头和固定列插件FixedTable
http://www.jq22.com/jquery-info15805转载 2018-11-02 16:21:22 · 8097 阅读 · 0 评论 -
网页打印怎样去掉网址
在打印设置里面去掉一个页眉和页脚前的勾就可以了转载 2018-10-02 13:48:20 · 5897 阅读 · 0 评论 -
使用@media screen实现网页适应不同的分辨率
网页设计需求: PC端,一个Sign Up for free的框框要显示在右边,手机端,要显示在下边: <style> /*PC端的时候放到右边显示*/ @media screen and ( min-width: 960px){ #div_get_sample_note{ position:absolute; left:1200px; top:400p...原创 2018-05-16 09:54:13 · 849 阅读 · 0 评论 -
display:flex 布局教程
https://blog.csdn.net/linda_417/article/details/51507176转载 2018-06-07 11:44:59 · 390 阅读 · 0 评论 -
Extjs报错 Uncaught TypeError: c is not a constructor
initializing Content Script message listenerext-all.js:21 [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. Fo...原创 2018-06-11 10:45:28 · 8757 阅读 · 0 评论 -
H5属性contenteditable
div的内容都可以编辑啦http://www.w3school.com.cn/tiy/t.asp?f=html5_global_contenteditable转载 2018-07-22 22:00:06 · 683 阅读 · 0 评论 -
js利用clipboardData在网页中实现截屏粘贴的功能
目前仅有高版本的 Chrome 浏览器支持这样直接粘贴,其他浏览器目前为止还无法粘贴,不过火狐和ie11浏览器在可编辑的div中能够粘贴截图的图片也是base64位和Chrome利用clipboardData的效果是一样的,只是在火狐和ie11浏览器中目前还无法实现类似用clipboardData直接获取图片的base64数据,它是自带的直接进去img数据<!DOCTYPE HTML&...转载 2018-07-22 22:23:19 · 2516 阅读 · 2 评论 -
图片url路径存在,但是显示不出来
在网页中上传了图片,但是显示不出来,后台可以看到图片,原来是显示的时候把路径改为小写了,而保存时有大写字母最好在保存时统一用小写字母...原创 2018-08-09 09:34:34 · 11725 阅读 · 9 评论 -
chrome浏览器 调试信息里面对象打不开,有个浅蓝色背景的i图标
chrome浏览器 调试信息,可以查看一个对象的所有属性值,很方便但在这种情况下看不了:点左边那个箭头展不开,而是出现后面的浅蓝色背景的i图标经查,这是在一个iframe里面输出的调试信息,而这时这个iframe已经关闭了 ...原创 2018-08-20 15:27:21 · 1819 阅读 · 0 评论 -
网页打印怎样分页
在要分页的地方插入一个div, 其style为如下.PageNext即可<style media=print> .Noprint{display:none;} .PageNext{page-break-after: always;} </style>转载 2018-10-02 11:58:01 · 1531 阅读 · 0 评论 -
getSelection、range 对象属性,方法理解,解释
以这段文字为例子。。<p><b>法国国营铁路公司(SNCF)20日承认,</b>新订购的2000列火车因车体过宽,<strong>无法开进国内许多火车站的站台,从而不得不花大笔资金改造站台。</strong>法国国营铁路公司发言人克里斯托夫·皮耶诺埃尔告诉法国新闻电台:“我们发现问题晚了点。<b>我们承认这一失误并为此承担...转载 2018-12-21 19:06:42 · 2301 阅读 · 0 评论 -
用户电脑上没有的字体,在网站上怎么显示?
<style> @font-face { font-family: 'thenautigal rob'; src:url('thenautigal rob.ttf'); /*或者写完整路径: */ /* src:url('http://www.a.cn/web/thenautigal rob.ttf'); ...转载 2018-12-21 19:43:44 · 2997 阅读 · 0 评论 -
点击li标签弹出对应的索引
<ul> <li> s1</li> <li> s2</li> <li> s3</li> <li> s4</li> <li> s5</li></ul><script>var lis = document.getElement...原创 2019-08-23 18:56:46 · 468 阅读 · 0 评论 -
php 特殊空格的处理
通常的空格ascii码值是32, 还有一种空格是194,160的,这种是页面上的 空格转化为utf8编码后来的$keyword = 'RC0402FR-071ML400pcs'; echo '<pre>'.$keyword.'<br>';$arr_kwd = str_split($keyword);foreach ($arr_kwd a...原创 2019-08-14 14:44:58 · 2779 阅读 · 0 评论 -
Apple safari浏览器, 把table 的td改为display:block之后显示不正常
table改为响应式,即:浏览器够宽的时候,比如10个列,是完整显示;浏览器很窄的时候,改为10个列竖排, 这时就是把td显示改为display:block即可,在chrome等浏览器上是ok的,但safari就不行,是这个样的:后来发现,把<script> ... </script> 全部放到 <html>...</htm...原创 2019-07-29 21:07:26 · 1310 阅读 · 0 评论 -
网页最小化,或不在当前tab页了,里面的js定时任务还会执行吗?
会原创 2019-07-18 15:17:32 · 2702 阅读 · 5 评论 -
web端浏览器实现直接打印经验分享(带实例源码)
https://blog.csdn.net/zhangxiaoyu138/article/details/86472749转载 2019-06-06 09:40:33 · 5037 阅读 · 1 评论 -
jquery按Enter或上下键在输入框里跳转
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script><input class='cust_info_input' type='text'/><br/><input class='cust_info_input' type='text'/&g...原创 2019-05-16 15:27:21 · 900 阅读 · 0 评论 -
怎样不显示html的input历史输入记录
如图:点击一个输入框时,下拉出来推荐词语,想不到的是之前录入的词语“南京信息” 也显示出来了,怎么样不显示这个呢?方法是在 input的属性里面添加上autocomplete="off"这样就ok了:...原创 2019-05-16 10:11:16 · 7875 阅读 · 1 评论 -
解决输入中文时不会触发keypress联想词的问题
搜索框输入文字时,触发联想词是一个很实用的功能,通过监控keyup,keypress事件来触发,但是发现数字和英文都没问题,就中文不行,必须得输入一个空格或回车什么的才会触发。经查,可以用oninput事件, oninput 是 HTML5 的标准事件,对于检测 textarea, input:text, input:password 和 input:search 这几个元素通过用户界...转载 2019-05-14 20:49:29 · 2111 阅读 · 0 评论 -
在浏览器中查看cookie、localstorage内容
在浏览器的Application里面可以看cookie、localstorage内容原创 2019-05-05 20:23:19 · 9281 阅读 · 0 评论 -
免费的https, SSL证书
https://certbot.eff.org/lets-encrypt/ubuntuxenial-apache使用EFF的Certbot在您的网站上自动启用HTTPS,部署Let的加密证书。Certbot旨在在托管您网站的服务器上运行。如果您没有对Web服务器的管理shell访问权限,或者您不熟悉命令行服务器管理,则应通过联系它们或检查此支持提供程序列表来...原创 2018-12-18 18:44:47 · 676 阅读 · 0 评论 -
在网页中,设置标题小图标无效的一个问题
在网页中,设置标题小图标, 就是这个东西:<link rel="shortcut icon" type="image/x-icon" href="logo-icon.png" media="screen"/>如果放在<body></body>之内是无效的要放在<body>之前例如在thinkphp的...原创 2019-04-26 20:04:58 · 3302 阅读 · 0 评论 -
jquery动态添加元素无法触发绑定的hover事件的解决方案
$(".show_list_price").hover(function () { $(this).closest("td").find(".amount_prices").show(); }, function () { $(this).closest("td").find(".amount_prices").hide(); });...原创 2019-04-04 09:49:42 · 5485 阅读 · 0 评论 -
绕过防盗链的方法
当图片显示不出来时,在meta 里面加上这一句 做一个伪签名 可以绕过防盗链 <meta name="referrer" content="never">自:https://blog.csdn.net/shixin0510/article/details/80651678...转载 2019-03-15 14:01:00 · 1884 阅读 · 0 评论 -
font:12px/14px是什么意思?
<style>.X-fieldset-header-TEXT{font:12px/14px bold tahoma,arial,verdana,sans-serif;color:#15428b;padding:1px 0}</style>font:12px/14px,前面的12px是字体大小,后面的14px是行高...原创 2019-01-02 15:44:41 · 5018 阅读 · 0 评论 -
利用微软在线预览链接展示office相关文档内容
当我们需要将文档展示到页面的时候,往往会想到将office相关文件转换成pdf,然后再通过h5标签等方式展示到页面,无论是使用libreoffice或者openoffice,转换后的pdf效果都会有一定的差别,但不影响使用,如果只是想做简单的文档展示功能,而又不想做得那么复杂,可以借用微软的在线展示office文件的链接,只需要在页面加个iframe即可:https://view.office...转载 2018-12-24 12:36:05 · 1342 阅读 · 0 评论 -
ExtJS可视化设计工具在线
http://www.tof2k.com/ext/formbuilder/ 点【Show/Edit JSON】可以看到布局的json字符串,马上可用,nb大了原创 2018-12-12 10:35:37 · 2230 阅读 · 0 评论