WEB前端
刘水镜
【欢迎阅读我的最新专栏——《SpringBoot趣味私房课》https://www.imooc.com/read/75】【欢迎加入「开发者」技术交流群:168965372】【群链接:https://jq.qq.com/?_wv=1027&k=Inxd5Aa9】
展开
-
菜鸟学JS——上传图片之上传后查看大图
将图片查询出来之后,还需要加一个查看大图的功能,于是就用js写了一个方法,然后在image的onmouseover事件中调用此方法,这样在鼠标悬浮在小图上面的时候,其大图就会自动的显示出来。 显示大图和隐藏大图的js代码:<script type="text/javascript"> //显示图片 function over(imgid,obj,imgbig)...原创 2013-03-25 09:50:30 · 3953 阅读 · 5 评论 -
菜鸟学JS——自动隐藏的悬浮框
今天写一个小实例,用js和css写一个可以自动隐藏的悬浮框。css肯定是用来控制样式的,js用来控制器显示与隐藏的。显示与隐藏通常有两种方法实现:1,用js控制其显示属性;2,用js控制其大小。 今天要说的就是通过控制其大小来实现元素的显隐,原理:为其注册鼠标移入、移出的事件,当鼠标移出对象范围,将其宽度设为1,当鼠标再次移入该对象,将其宽度还原。很简单,我们一起看看吧! 隐藏状态...原创 2014-03-05 15:21:39 · 7098 阅读 · 15 评论 -
AJAX异步更改数据库
前段时间做了一个小网站,里面有个小功能感觉挺好的,在此与大家分享一下,还请各位大神不要笑话小弟的无知。此功能大概是这个样子的:点击下图中的类别名称,就可以对类别进行修改。点击类别名称以后,原来的表格变成一个可编辑的文本框,并全选里面的内容,此时可直接进行修改。回车或者鼠标点击其他地方,提交修改内容.如果不做修改点击别处或者按“Es原创 2012-09-18 08:25:05 · 16518 阅读 · 43 评论 -
菜鸟学Java——Ajax异步检查用户名是否存在(附Demo下载)
在任何网站注册用户的时候,都会检查用户是否已经存在。很久以前的处理方式是将所有数据提交到服务器端进行验证,很显然这种方式的用户体验很不好;后来有了Ajax,有了异步交互,当用户输完用户名继续填写其他信息的时候,Ajax就将信息发到了服务器去检查该用户名是否已经被注册了,这样如果用户名已经存在,不用等用户将所有数据都提交就可以给出提示。采用这种方式大大改善了用户体验,今天就一起跟大家聊聊这种交互方式...原创 2013-05-28 10:24:37 · 28442 阅读 · 115 评论 -
菜鸟学Java——JSTL标签之核心标签
JSTL(JSP Standard Tag Library ,JSP标准标签库)是一个实现 Web应用程序中常见的通用功能的定制标记库集,这些功能包括迭代和条件判断、数据管理格式化、XML 操作以及数据库访问。 目前也有不少人在用JSTL,今天我们就一起学习一下JSTL的核心标签。 在JSP页面引入核心标签库的代码为:<%@ taglib prefix="c" uri="...原创 2013-06-25 08:25:02 · 4822 阅读 · 2 评论 -
菜鸟学JS——javascript为按钮注册回车事件(设置默认按钮)
不得不说,在JS方面,自己真的是个不折不扣的菜鸟。对于JS以及一些JS框架如JQuery等JS框架,自己也只是处在简单应用的阶段,当然自己也在不断的学习当中,希望将来能跟大家分享更多JS方面的心得。今天先来点开胃的,说一下如何设置一个默认按钮,就是不管焦点在不在按钮上,只要按下回车,就等于触发了按钮的单击事件。 代码非常简单,要完成这个功能,只需几行代码: //为keyListene...原创 2015-01-30 15:29:00 · 5183 阅读 · 10 评论 -
菜鸟学JS——window .onload与$(document).ready()
我们继续说JS,我们常常在页面加载完成以后做一些操作,比如一些元素的显示与隐藏、一些动画效果。我们通常有两种方法来完成这个事情,一个就是window.onload事件,另一个就是JQuery的ready()方法。那么这 两种方法有什么区别呢?往下看:onload事件,是在页面中所有元素以及内容全部加载完成以后触发的;而ready()方法,则是在页面的DOM结构加载完毕以后就被触发了。也就是说r...原创 2015-01-31 03:12:31 · 2545 阅读 · 7 评论 -
菜鸟学JS——JS在文本域光标位置插入文本
很久没有写关于JS的博客了,说实话,对于JS小弟仅限于会简单使用的程度。作为一个非前端人员,个人觉得更好更深入的掌握JS还是很有必要的。这不仅仅可以提高自身价值,更重要的是很多情况下使用JS可以更好的解决问题,带来更好的用户体验。扯得稍微远了一些,回归正题,今天跟大家分享一个很实用的小实例——在光标处插入文本。 JS代码: function insertAtCursor(myF...原创 2015-09-30 22:51:23 · 11640 阅读 · 5 评论 -
菜鸟学JS——上传图片之上传前预览图片
上传图片对图片进行一下预览,可以了解图片上传后大概会是什么样子,此功能用js实现,然后在fileupload控件的change事件中调用,这样当用fileupload选择完图片以后,图片就会自动显示出来了。功能很简单,却很实用。 预览图片的js代码:<script type="text/javascript"> function setImagePrevi...原创 2013-03-25 09:38:30 · 15405 阅读 · 18 评论 -
小小验证码有大作用!——一般处理程序生成验证码
大家对于验证码都很熟悉了,几乎每天都会和它打交道,如注册、登录,论坛回帖等。可以说验证码与我们广大网民的生活工作息息相关。当我们在输入验证码时有人可能会觉得麻烦,虽然验证码让我们有一点小小的麻烦,但是它给我们带来了很大的好处。它可以防止利用恶意程序批量注册、发帖、灌水还能有效的防止黑客暴力破解密码。验证码虽然一般只有简单的几个字符,但是它的作用着实不小啊!下面我们就一起看看如何实现网站中的验证码。原创 2012-09-26 11:26:37 · 5592 阅读 · 12 评论 -
ASP.NET验证控件之RequiredFieldValidator
相信有过ASP.NET编程经验的人对RequiredFieldValidator都不会感到陌生吧。该控件的作用是禁止输入规定的内容(即属性InitialValue的值,该属性默认值为空字符串,我们经常用来验证用户输入的内容是否为空。)。另外,在验证前会自动去掉输入内容两端的空格。下面让我们一起看看RequiredFieldValidator的常用属性吧:原创 2012-11-20 07:51:53 · 27497 阅读 · 8 评论 -
ASP.NET验证控件
ASP.NET验证控件之RequiredFieldValidator ASP.NET验证控件之CompareValidator ASP.NET验证控件之RangeValidator ASP.NET验证控件之RegularExpressionValidator ASP.NET验证控件之CustomValidator原创 2012-11-14 23:47:25 · 2644 阅读 · 6 评论 -
用AspNetPager实现数据的分页
当网页中的内容较多时,就不能让其所有内容在同一页面显示,那样既不美观又影响性能。所以说将数据分页显示还是非常有必要的。下面一起来看看我今天给大家介绍的这个分页吧!分页效果图:实现此效果需要用到一个叫做AspNetPager的第三方控件,百度一下就能找到。下载后放到相应的目录,然后将其引用,最后添加到工具箱即可使用。添加到工具箱的步骤如下: 在弹出原创 2012-10-02 11:53:07 · 4081 阅读 · 9 评论 -
CSS盒子模型小剖析
前段时间刚刚从C/S过度到B/S,提到B/S就不能说CSS,而说起CSS又不能落下盒子模型。在CSS诞生的时候就有了盒子模型的概念,网页中大部分的元素都能构成一个盒子模型,。盒子模型无非就是描述的元素的尺寸跟位置,只要掌握好这两点就可以灵活的运用盒子模型来布局了。下图是盒子模型的基本元素和属性:下图是一个盒子模型的基本模型,网页中每个元素大概都可以用下图的模型来描述原创 2012-09-03 07:21:36 · 2835 阅读 · 9 评论 -
三张图片拼接成圆角框
圆角框在WEB界面经常会用到的元素,正因为如此,人们也研究出了很多实现圆角框的解决方案。每种方案都有各自的优缺点,究竟哪种更好要看你的需要,看具体的应用环境,因为没有绝对的好,也没有绝对的不好,只有适合不适合。前段时间正好用到了圆角框,采用的是图片拼接的方法,下面一起看看效果吧。效果还可以吧,其实想实现这种效果很简单,只需要三张小图片再加上几句简单的代码就可以轻松搞定,如果原创 2012-09-11 15:35:39 · 6387 阅读 · 16 评论 -
CSS小总结
CSS全称为Cascading Style Sheet 译为级联样式表,CSS的出现主要是为了解耦、提高易维护性。我们一般采用的是外部链接样式,这样可以将网页内容跟显示样式真正的分离。我们选择CSS的原因,无非是它具备以下的优点:1、符合W3C标准。保证网站不会因为将来网络应用的升级而被淘汰。 2、支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE、chro原创 2012-08-08 08:09:31 · 2281 阅读 · 51 评论 -
ASP.NET中的几种弹出框提示
B/S不像C/S那样一个MessageBox就可以弹出提示框,不过可以通过js的“Alert”来弹出消息,或者通过一些变种的js方法。下面我给大家介绍几种,希望大家喜欢。四种弹出框代码:protected void Message_Click(object sender, EventArgs e){ //第一种 Response.Write("原创 2013-02-26 10:38:02 · 14380 阅读 · 8 评论 -
ASP.NET验证控件之RangeValidator
RangeValidator 控件用于检测用户输入的值是否介于两个值之间。可以对不同类型的值进行比较,比如数字、日期以及字符。我们一般会用来验证输入的年龄或者考试的分数等。下面我们一块看看RangeValidator的属性:属性描述 BackColor 背景颜色 ControlToValidate原创 2012-12-10 11:32:25 · 5908 阅读 · 4 评论 -
ASP.NET验证控件之CustomValidator
CustomValidator是用户自定义的验证控件,用来响应用户自定义的验证。可以使JS的客户端函数,也可以是写在后台代码中的服务端验证函数。以下是CustomValidator的常用属性属性描述 BackColor 背景颜色。 ClientValidationFunction原创 2012-12-31 12:23:52 · 3399 阅读 · 1 评论 -
ASP.NET验证控件之CompareValidator
大家对CompareValidator应该非常熟悉了吧,它的作用就是比较两个输入框所输入的值是否一致。最常用的就是在用户注册的时候检验两次输入的密码是否一致。相信只要上过网的人都遇到过吧!好了废话不多说,下面一起看看他的常用属性:属性描述BackColor 背景颜色。ControlToCompare原创 2012-12-04 11:27:04 · 8085 阅读 · 4 评论 -
ASP.NET验证控件之RegularExpressionValidator
RegularExpressionValidator 控件用于验证输入值是否匹配正则表达式指定的模式。例如,邮箱、电话号码、邮编、整数、小数等等。利用正则表达式可以组合出各种的模式。几乎你想的到的都能写出来。下面我们一起来看这个神奇的控件。RegularExpressionValidator 的属性:属性描述BackColor原创 2012-12-19 07:57:06 · 15696 阅读 · 8 评论 -
C#截取指定长度字符超出部分以"..."代替,用于处理过长的标题
在做网站的时候经常遇到需要显示的东西太长,此时我们通常会将它们按一定的长度截取,然后在其后面加上省略号。当鼠标移到上面时,就会显示出完整的内容。就像下面这样:要实现此效果,需要用到下面这个截取字符串的函数。相信不用我废话,大家一看注释就能明白是如何实现的。 /// /// 将指定字符串按指定长度进行截取并加上指定原创 2012-08-14 22:02:30 · 11147 阅读 · 25 评论