table中tr的display:block显示布局错乱问题
[ 2026-08-24 14:47:57 | 作者: admin ]
最近做项目写代码的时候发现,在table中布局想让第一行tr先隐藏然后用js改变其display为block让其显示,
但之后发现js改变其display后tr的布局会发生错乱 研究后发现是改变tr的样式的问题. 解决办法如下:
不要把隐藏的tr的display改变为block
把隐藏的tr改为空即display:'',普遍浏览器都支持
原文链接：https://blog.csdn.net/Lsunrise_/article/details/53263944
但之后发现js改变其display后tr的布局会发生错乱 研究后发现是改变tr的样式的问题. 解决办法如下:
不要把隐藏的tr的display改变为block
把隐藏的tr改为空即display:'',普遍浏览器都支持
原文链接：https://blog.csdn.net/Lsunrise_/article/details/53263944
jquery.lazyload.min.js 进行图片的懒加载
[ 2026-08-11 14:56:58 | 作者: admin ]
必须指定图片高度
<img class="lazy" data-src="**.jpg" border="0" style="width:800px;height:auto;" >
$("img.lazy").lazyload({
placeholder : "/images/blank.jpg",
effect: "fadeIn",
threshold :100,
event:'scroll',
data_attribute: "original",
failurelimit:1,
skip_invisible : true
});
<img class="lazy" data-src="**.jpg" border="0" style="width:800px;height:auto;" >
$("img.lazy").lazyload({
placeholder : "/images/blank.jpg",
effect: "fadeIn",
threshold :100,
event:'scroll',
data_attribute: "original",
failurelimit:1,
skip_invisible : true
});
只需一行代码，任意网页秒变可编辑！ document.designMode = "on";
[ 2025-04-12 15:17:41 | 作者: admin ]
打开浏览器控制台（F12），复制粘贴这行代码，回车即可。
document.designMode = "on";
ueditor 上传视频丢失src的解决方法
[ 2024-07-15 16:08:21 | 作者: admin ]
p.s. ueditor上传视频后，切换到html模式会发现video的src丢失了，这是因为配置白名单缺少html标签过滤了，需要加上html标签和相关属性。
修改 udeitor.config.js 的 白名单，可以搜索 whitList， 然后修改以下代码：
https://www.cnblogs.com/modou/p/7833785.html
修改 udeitor.config.js 的 白名单，可以搜索 whitList， 然后修改以下代码：
img: ['src', 'alt', 'title', 'width', 'height', 'id', '_src', 'loadingclass', 'class', 'data-latex','style','_url'],//加了style和_url
video: ['autoplay', 'controls', 'loop', 'preload', 'src', 'height', 'width', 'class', 'style','id'],//加了id
video: ['autoplay', 'controls', 'loop', 'preload', 'src', 'height', 'width', 'class', 'style','id'],//加了id
https://www.cnblogs.com/modou/p/7833785.html
CSS伪类
是一种特殊的类选择符，它们允许根据元素的特定状态来应用样式。这些状态可以是基于用户与文档的交互，如鼠标悬停、元素被点击或聚焦等。伪类不能像普通类那样随意命名，而是由CSS预定义的。以下是一些常见的CSS伪类：
:link 和 :visited ：分别用于未访问和已访问的超链接。
:hover：当用户将鼠标指针悬停在元素上时应用。
:active：当元素被点击但还没有被释放时应用。
:focus：当元素获得焦点时，如输入框被点击或文本框被选中时。
:first-child 、:last-child、:nth-child(n)：分别用于选择元素的第一个、最后一个或第n个孩子。
:first-of-type、:last-of-type、:nth-of-type(n)：分别用于选择同类型元素的第一个、最后一个或第n个。
...
阅读全文…
是一种特殊的类选择符，它们允许根据元素的特定状态来应用样式。这些状态可以是基于用户与文档的交互，如鼠标悬停、元素被点击或聚焦等。伪类不能像普通类那样随意命名，而是由CSS预定义的。以下是一些常见的CSS伪类：
:link 和 :visited ：分别用于未访问和已访问的超链接。
:hover：当用户将鼠标指针悬停在元素上时应用。
:active：当元素被点击但还没有被释放时应用。
:focus：当元素获得焦点时，如输入框被点击或文本框被选中时。
:first-child 、:last-child、:nth-child(n)：分别用于选择元素的第一个、最后一个或第n个孩子。
:first-of-type、:last-of-type、:nth-of-type(n)：分别用于选择同类型元素的第一个、最后一个或第n个。
...
阅读全文…
jQuery简单易用的网页内容打印插件jQuery.print
[ 2024-05-10 15:59:41 | 作者: admin ]
使用该网页打印插件要引入jQuery和jquery.print.js文件。
打印内容
可以像下面这样使用来打印页面内容。
$("#myElementId").print(/*options*/);
或者：
$.print("#myElementId" /*, options*/);
配置参数
你可以在调用打印方法时传入一些参数：
阅读全文…
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.print.js"></script>
<script type="text/javascript" src="js/jquery.print.js"></script>
打印内容
可以像下面这样使用来打印页面内容。
$("#myElementId").print(/*options*/);
或者：
$.print("#myElementId" /*, options*/);
配置参数
你可以在调用打印方法时传入一些参数：
$("#myElementId").print({
globalStyles: true,
...globalStyles: true,
阅读全文…
jquery设置display失效问题，当样式中存在!important时无法使用css()、show()或hide()
[ 2024-04-13 22:27:09 | 作者: admin ]
如果使用!important在你的样式中，比如display: none !important，此时就不能用show()了
但是我在查阅资料时发现有这样的解释,
这其实是不对的(也许是因为jquery版本不同的原因)
我查了下官方文档并测试了下,应该是这样:
第一种方法，直接设置style，不能用.css()和.prop()
阅读全文…
但是我在查阅资料时发现有这样的解释,
If using !important in your styles, such as display: none !important, it is necessary to override the style using .css('display', 'block !important') should you wish for .show() to function correctly.
这其实是不对的(也许是因为jquery版本不同的原因)
我查了下官方文档并测试了下,应该是这样:
第一种方法，直接设置style，不能用.css()和.prop()
$("#a1").attr("style","display:block !important");
...阅读全文…
让DIV的滚动条自动滚动到最底部的3种方法
[ 2023-04-08 15:08:18 | 作者: admin ]
要制作一个在线聊天的程序，在做最后的修饰时，需要对获得的信息即时滚动以保证用户总能看到最新消息。
聊天程序是基于AJAX设计的，没有用框架，消息容器是一个DIV，所以问题就在于如何控制DIV的滚动条。
网上有资料介绍说通过设置scrollTop属性来控制滚动条位置，具体可参见：
http://hi.baidu.com/chen1345789/blog/item/de727bfb45587b176d22eba1.html
但同样的代码拿到我这里却完全失效，又仔细查了下资料说XHTML标准下scrollTop的值恒为0，解决办法是使用document.documentElement.scrollTop代替document.body.scrollTop，讲了半天所解决的是整个页面的滚动条。这个方法我是用不了了，因为不是框架结构，所以不可能用body的滚动条控制浏览信息。
...
阅读全文…
聊天程序是基于AJAX设计的，没有用框架，消息容器是一个DIV，所以问题就在于如何控制DIV的滚动条。
网上有资料介绍说通过设置scrollTop属性来控制滚动条位置，具体可参见：
http://hi.baidu.com/chen1345789/blog/item/de727bfb45587b176d22eba1.html
但同样的代码拿到我这里却完全失效，又仔细查了下资料说XHTML标准下scrollTop的值恒为0，解决办法是使用document.documentElement.scrollTop代替document.body.scrollTop，讲了半天所解决的是整个页面的滚动条。这个方法我是用不了了，因为不是框架结构，所以不可能用body的滚动条控制浏览信息。
...
阅读全文…
