前端
lpch0825
潜潜水,长悠悠,来无尽去无休
展开
-
my97DatePicker日历控件限制已经选择的日期(ssh项目请假日期的限制)
一、项目需求ssh项目中关于请假日期的限制:比如:已有请假条2018年2月26至2018年2月28日,那么该职员再次请假时,日历控件中的2月26日、2月27日和2月28日三天会被限制选择,呈现灰色不可选状。二、环境前端用到jsp页面和Struts2标签,js主要用jqery实现,日历控件my97DatePicker,数据库总关联的字段主要是开始时间starttime和结束时间endtime三、设计...原创 2018-02-26 12:21:23 · 1476 阅读 · 0 评论 -
鼠标悬停改变table的行背景色(相继加手型光标和单击事件)
一、需求背景 ssh项目从数据库查询数据展示,往往jsp页面做一个table标签,通过<s:iterator>标签遍历生成多个tr标签;往往还需要查看该行的具体信息等其他相关操作。二、需求效果:1、当鼠标悬停在某行,该行背景色改变;2、紧接着类似<a></a>标签一样,光标变成手型,单击后跳转到指定页面;3、当鼠标离开后,背景色还原。三、具体代码1、js部...原创 2018-02-23 11:44:28 · 1518 阅读 · 0 评论 -
实现单击或者回车双重登录动作(页面登录的回车事件onkeydown)
<script type="text/javascript">//基于jquery的button默认enter事件(回车事件)document.onkeydown = function (e) { var theEvent = window.event || e;//浏览器兼容性 var code = theEvent.keyCode || theEvent.which; ...原创 2018-02-23 10:04:02 · 397 阅读 · 1 评论 -
Javascript中的escape,encodeURI和encodeURIComponent的区别
Javascript中提供了3对函数用来对Url编码以得到合法的Url,它们分别是escape / unescape,encodeURI / decodeURI和encodeURIComponent / decodeURIComponent。由于解码和编码的过程是可逆的,因此这里只解释编码的过程。这三个编码的函数——escape,encodeURI,encodeURIComponent——都是用于...转载 2018-03-01 10:03:12 · 921 阅读 · 0 评论 -
Bootstrap前端框架----字体图标
原创 2018-03-08 13:30:25 · 377 阅读 · 0 评论 -
Bootstrap前端框架----css样式的一些用法(排版)
1.内联子标题如果需要向任何标题添加一个内联子标题,只需要简单地在元素两旁添加 <small>,或者添加 .small class,这样子您就能得到一个字号更小的颜色更浅的文本。示例:<h1>我是标题1 h1. <small>我是副标题1 h1</small></h1>效果:2.引导主体副本为了给段落添加强调文本,则可以添加 class=...原创 2018-03-08 11:35:58 · 1955 阅读 · 0 评论 -
Bootstrap前端框架学习总结---Bootstrap介绍
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。为什么使用 Bootstrap?移动设备优先:自 Bootstrap 3 起,框架包含了贯穿于整个库的移动设备优先的样式。浏览器支持:所有的主流浏览器都支持 Bootstrap。容易上手:只要您具备 HTML 和 CSS 的基础知识,您就可以开始学习 B...原创 2018-03-08 10:58:24 · 10297 阅读 · 0 评论 -
JQuery日历插件My97DatePicker日期范围限制
My97DatePicker是一个非常优秀的日历插件,不仅支持多种调用模式,还支持日期范围限制。常规的调用比较简单,如下所示:1<input class="Wdate" id="d1" onclick="WdatePicker()" /> 下面重点说明日期范围限制:1)静态限制 你可以给通过配置minDate(最小日期),maxDate(最大日期)为静态日期值,来限定日期的范围...转载 2018-02-17 17:26:21 · 370 阅读 · 0 评论 -
用css控制table文字溢出显示省略号 控制td显示字数
table{ width:100px; table-layout:fixed;/* 只有定义了表格的布局算法为fixed,下面td的定义才能起作用。 */ } td{ width:100%; word-break:keep-all;/* 不换行 */ white-space:原创 2018-02-17 13:18:40 · 2845 阅读 · 1 评论 -
css实现鼠标悬停,光标出现小手
用css 添加手状样式,鼠标移上去变小手,变小手cursor:pointer;用JS使鼠标变小手onmouseover(鼠标越过的时候)onmouseover="this.style.cursor='hand'"cursor其他取值 auto :标准光标 default :标准箭头 pointer, hand...转载 2018-02-16 19:21:08 · 64503 阅读 · 2 评论 -
关于jsp页面checkbox复选框的默认样式的修改(自定义复选框样式)
checkbox复选框的默认样式太low,最近做的项目我选择了自定义样式,网上找了不少文章内容冗余,并且并不是都有效果,所以将自己过程整理出来,以备后用。只要在jsp页面和css样式表中添加相应代码即可:一、jsp页面:<div class="container"> <span> <input type="checkbox" na...原创 2018-02-16 16:56:05 · 4777 阅读 · 0 评论 -
Http协议中Cookie及其HttpOnly/Expire/Secure等重要属性介绍
最近项目系统在做安全行动,对http传输这一块有这样的安全设置要求,遂整理一下思路!Cookie总是保存在客户端中,按在客户端中的存储位置,可分为内存Cookie和硬盘Cookie。内存Cookie由浏览器维护,保存在内存中,浏览器关闭后就消失了,其存在时间是短暂的。硬盘Cookie保存在硬盘里,有一个过期时间,除非用户手工清理或到了过期时间,硬盘Cookie不会被删除,其存在时间是长期的。所...转载 2019-07-22 22:23:42 · 4157 阅读 · 0 评论