2019年12月13日
css折叠表格
摘要： 1.html <div class="custom-fold-table"> <table cellpadding="0" cellspacing="0" width="100%" class="ellipsis-thead custom-table last-column-center table 阅读全文
posted @ 2019-12-13 18:07 JurasVon 阅读(326) 评论(0) 推荐(0) 编辑
前端页面文字长度显示控制
摘要： Web页面上，有些组件的文字显示长度是需要控制的，例如表格中单元格内的文字宽度，label的文字宽度等。比如单元格的宽度是50px，假设文字内容宽度是80，这样就是把表格撑开，并且会换行，导致页面布局错乱。面对这种情况，通常是通过禁止换行并分割文字，隐藏文字实现控制。 通用的方法是通过css来控制， 阅读全文
posted @ 2019-12-13 16:48 JurasVon 阅读(1468) 评论(0) 推荐(0) 编辑
（首页上一页下一页尾页 + 下拉框跳转）分页功能
摘要： 说在前头（本人用的是bootstrap +jQuery 和 struts2 + MVC）不影响分页功能 制作一个分页功能： 效果如下： 由上图可知，此功能只适合页数不是特别多的情况下，页数多的时候，每次都要求得总记录数，太慢了。 【一】：1、总记录数，2、总页数，3、每页记录数，4、当前页 【二】： 阅读全文
posted @ 2019-12-13 10:08 JurasVon 阅读(1459) 评论(0) 推荐(0) 编辑
2019年11月7日
基于bootstrap的分页插件
摘要： 之前做的分页，是自己后端写一堆代码，返回给前端页面显示，感觉比较繁重、不灵活。今天研究下基于bootstrap的做的插件，整理如下： 在使用bootstrap的插件的时候，需要导入一些css、js。 注意：js的导入顺序，jquery优先导入并且版本要2.x。中文乱码：<meta http-equi 阅读全文
posted @ 2019-11-07 09:58 JurasVon 阅读(258) 评论(0) 推荐(0) 编辑
2019年11月1日
HTML 禁止复制文字
摘要： 有时我们会遇到禁止用户复制网站的文字内容，例如小说网站，我们可以通过下列方法提高复制内容的门槛，来实现我们的目标。 1.禁用选中和右键： 在<body>标签中添加以下代码： οncοntextmenu='return false' 禁止右键οndragstart='return false' 禁止拖 阅读全文
posted @ 2019-11-01 14:52 JurasVon 阅读(1476) 评论(0) 推荐(0) 编辑
html5_禁止复制网站内容
摘要： ```//若是你不想别人复制你的网站内容，可以把这段js代码加到你网页上，即可屏蔽鼠标右键菜单、复制粘贴、选中等 有时候的需求是网站中有些内容不希望别人复制，那么就需要用代码控制。方法有多种：第一种： //屏蔽右键菜单 document.oncontextmenu = function(event) 阅读全文
posted @ 2019-11-01 13:51 JurasVon 阅读(605) 评论(0) 推荐(0) 编辑
鼠标滑过特效
摘要： 使用该CSS3鼠标滑过图片遮罩层动画特效需要在页面中引入由SASS编译的sass-compiled.css文件或由LESS编译的less-compiled.css文件。 <link rel="stylesheet" href="css/sass-compiled.css" type="text/cs 阅读全文
posted @ 2019-11-01 13:46 JurasVon 阅读(280) 评论(0) 推荐(0) 编辑
2019年10月23日
导航栏下拉至一定高度后固定在顶部的特效
摘要： “导航栏下拉至一定高度后固定在顶部的特效”，也有同学喜欢叫跟随导航什么的。反正就是这个么意思。先直接上代码： 将这个js放到要实现效果的页面里面去，然后我们要修改的是第三行的.nav，“nav“改成你自己页面导航栏的class；第七行的”100“为下拉到100个像素的时候触发特效，可以自行修改至合适 阅读全文
posted @ 2019-10-23 18:26 JurasVon 阅读(1068) 评论(0) 推荐(0) 编辑
2019年10月22日
js动态添加行和列(table)
摘要： function AddTableRow() { var Table = document.getElementById("NewTable"); //取得自定义的表对象 NewRow = Table.insertRow(); //添加行 NewCell1= NewRow.insertCell(); 阅读全文
posted @ 2019-10-22 18:57 JurasVon 阅读(2954) 评论(0) 推荐(0) 编辑
基于bootstrap的分页插件
摘要： 之前做的分页，是自己后端写一堆代码，返回给前端页面显示，感觉比较繁重、不灵活。今天研究下基于bootstrap的做的插件，整理如下： 在使用bootstrap的插件的时候，需要导入一些css、js。 注意：js的导入顺序，jquery优先导入并且版本要2.x。中文乱码：<meta http-equi 阅读全文
posted @ 2019-10-22 18:17 JurasVon 阅读(10681) 评论(0) 推荐(1) 编辑
下一页