随笔分类 -  WEB前端

1
菜鸟学JS（五）——window.onload与$(document).ready()
摘要：我们继续说JS，我们常常在页面加载完成以后做一些操作，比如一些元素的显示与隐藏、一些动画效果。我们通常有两种方法来完成这个事情，一个就是window.onload事件，另一个就是JQuery的ready()方法。那么这两种方法有什么区别呢？往下看：onload事件，是在页面中所有元素以及内容全部加载... 阅读全文
posted @ 2015-01-31 03:15 刘水镜 阅读(12962) 评论(4) 推荐(1) 编辑
菜鸟学JS（四）——javascript为按钮注册回车事件（设置默认按钮）
摘要：不得不说，在JS方面，自己真的是个不折不扣的菜鸟。对于JS以及一些JS框架如JQuery等JS框架，自己也只是处在简单应用的阶段，当然自己也在不断的学习当中，希望将来能跟大家分享更多JS方面的心得。今天先来点开胃的，说一下如何设置一个默认按钮，就是不管焦点在不在按钮上，只要按下回车，就等于触发了按钮... 阅读全文
posted @ 2015-01-30 15:32 刘水镜 阅读(2220) 评论(0) 推荐(0) 编辑
菜鸟学JS（三）——自动隐藏的悬浮框
摘要：今天写一个小实例，用js和css写一个可以自动隐藏的悬浮框。css肯定是用来控制样式的，js用来控制器显示与隐藏的。显示与隐藏通常有两种方法实现：1，用js控制其显示属性；2，用js控制其大小。 今天要说的就是通过控制其大小来实现元素的显隐，原理：为其注册鼠标移入、移出的事件，当鼠标移出对象范围，将其宽度设为1，当鼠标再次移入该对象，将其宽度还原。很简单，我们一起看看吧！ 隐藏状态： 左边那一条窄线就是隐藏以后的悬浮框。 显示状态： 当鼠标滑到左边的悬浮框上，悬浮框就又显示出来了。 CSS样式：JS代码：HTML代码： 学生信息 学号：012... 阅读全文
posted @ 2014-03-05 15:25 刘水镜 阅读(1325) 评论(0) 推荐(1) 编辑
菜鸟学Java（三）——JSTL标签之核心标签
摘要：JSTL（JSP Standard Tag Library ，JSP标准标签库)是一个实现 Web应用程序中常见的通用功能的定制标记库集，这些功能包括迭代和条件判断、数据管理格式化、XML 操作以及数据库访问。 目前也有不少人在用JSTL，今天我们就一起学习一下JSTL的核心标签。 在JSP页面引入核心标签库的代码为： 下面简单介绍一下这些标签的用法： 1，表达式控制标签 用于在JSP中显示数据。 语法1：没有本体(body)内容 语法2：有本体内容 default value 用于保存数据。 语法1 将value的值储存至范围为scope的v... 阅读全文
posted @ 2013-06-25 08:25 刘水镜 阅读(1082) 评论(3) 推荐(0) 编辑
菜鸟学JS（二）——上传图片之上传后查看大图
摘要：将图片查询出来之后，还需要加一个查看大图的功能，于是就用js写了一个方法，然后在image的onmouseover事件中调用此方法，这样在鼠标悬浮在小图上面的时候，其大图就会自动的显示出来。 显示大图和隐藏大图的js代码： 显示小图的image和显示大图的image： 简单实用，欢迎交流。 阅读全文
posted @ 2013-03-25 09:58 刘水镜 阅读(707) 评论(0) 推荐(0) 编辑
菜鸟学JS（一）——上传图片之上传前预览图片
摘要：上传图片对图片进行一下预览，可以了解图片上传后大概会是什么样子，此功能用js实现，然后在fileupload控件的change事件中调用，这样当用fileupload选择完图片以后，图片就会自动显示出来了。功能很简单，却很实用。 预览图片的js代码：fileupload控件及用来预览图片的image： 功能很简单，代码也很易懂，相信不用我多废话大家也能看懂吧。感觉写这样的文章，真的没啥好说的，不多说，还是把重点放在代码上吧。 阅读全文
posted @ 2013-03-25 09:48 刘水镜 阅读(1567) 评论(4) 推荐(0) 编辑
ASP.NET中的几种弹出框提示
摘要：B/S不像C/S那样一个MessageBox就可以弹出提示框，不过可以通过js的“Alert”来弹出消息，或者通过一些变种的js方法。下面我给大家介绍几种，希望大家喜欢。 四种弹出框代码：protected void Message_Click(object sender, EventArgs e){ //第一种 Response.Write("<script language=javascript>alert('第一种弹出框');</" + "script>"); //第二种 Page.RegisterStart 阅读全文
posted @ 2013-02-26 14:01 刘水镜 阅读(2739) 评论(19) 推荐(4) 编辑
ASP.NET验证控件之CustomValidator
摘要：CustomValidator是用户自定义的验证控件，用来响应用户自定义的验证。可以使JS的客户端函数，也可以是写在后台代码中的服务端验证函数。 以下是CustomValidator的常用属性 属性 描述 BackColor 背景颜色。 ClientValidationFunction 规定用于验证的自定义客户端脚本函数的名称。 注释：脚本必须用浏览器支持的语言编写，比如 VBScript 或... 阅读全文
posted @ 2013-01-05 21:37 刘水镜 阅读(2110) 评论(0) 推荐(0) 编辑
ASP.NET验证控件之RegularExpressionValidator
摘要：RegularExpressionValidator 控件用于验证输入值是否匹配正则表达式指定的模式。例如，邮箱、电话号码、邮编、整数、小数等等。利用正则表达式可以组合出各种的模式。几乎你想的到的都能写出来。下面我们一起来看这个神奇的控件。 RegularExpressionValidator 的属性： 属性 描述 BackColor 背景颜色 ControlToValidate 被验证的控件的 id ... 阅读全文
posted @ 2012-12-19 08:03 刘水镜 阅读(4433) 评论(5) 推荐(3) 编辑
ASP.NET验证控件之RangeValidator
摘要：RangeValidator 控件用于检测用户输入的值是否介于两个值之间。可以对不同类型的值进行比较，比如数字、日期以及字符。我们一般会用来验证输入的年龄或者考试的分数等。 下面我们一块看看RangeValidator的属性： 属性 描述 BackColor 背景颜色 ControlToValidate 被验证的控件的 id Display 验证控件的显示行为。 ... 阅读全文
posted @ 2012-12-10 11:37 刘水镜 阅读(2683) 评论(2) 推荐(2) 编辑
ASP.NET验证控件之CompareValidator
摘要：大家对CompareValidator应该非常熟悉了吧，它的作用就是比较两个输入框所输入的值是否一致。最常用的就是在用户注册的时候检验两次输入的密码是否一致。相信只要上过网的人都遇到过吧！好了废话不多说，下面一起看看他的常用属性： 属性 描述 BackColor 背景颜色。 ControlToCompare 要与所验证的输入控件进行比较的输入控件。 ControlToValidate ... 阅读全文
posted @ 2012-12-04 11:33 刘水镜 阅读(2673) 评论(4) 推荐(0) 编辑
ASP.NET验证控件之RequiredFieldValidator
摘要：相信有过ASP.NET编程经验的人对RequiredFieldValidator都不会感到陌生吧。该控件的作用是禁止输入规定的内容(即属性InitialValue的值，该属性默认值为空字符串，我们经常用来验证用户输入的内容是否为空。)。另外，在验证前会自动去掉输入内容两端的空格。 下面让我们一起看看RequiredFieldValidator的常用属性吧： 属性 描述 BackColor 背景颜色 ControlToValidate ... 阅读全文
posted @ 2012-11-20 07:58 刘水镜 阅读(3383) 评论(0) 推荐(0) 编辑
ASP.NET验证控件
摘要：ASP.NET验证控件之RequiredFieldValidator ASP.NET验证控件之CompareValidator ASP.NET验证控件之RangeValidator ASP.NET验证控件之RegularExpressionValidator ASP.NET验证控件之CustomValidator 验证控件 描述 RequiredFieldValidator 输入控件的内容不能为空(例如登录的时候必须输入用户名和密码)。 ... 阅读全文
posted @ 2012-11-14 23:54 刘水镜 阅读(869) 评论(0) 推荐(0) 编辑
用AspNetPager实现数据的分页
摘要：当网页中的内容较多时，就不能让其所有内容在同一页面显示，那样既不美观又影响性能。所以说将数据分页显示还是非常有必要的。下面一起来看看我今天给大家介绍的这个分页吧！ 分页效果图： 实现此效果需要用到一个叫做AspNetPager的第三方控件，百度一下就能找到。下载后放到相应的目录，然后将其引用，最后添加到工具箱即可使用。添加到工具箱的步骤如下： 在弹出的对话框内点击浏览，找到AspNetPager.dll点击打开，添加成功！ 添加完以后接下来看看代码部分 分页控件的相关属性设置： 设置每页显示的最大记录数、相关按钮上的文字，一眼就能看懂。<webdiyer:Asp... 阅读全文
posted @ 2012-10-02 11:57 刘水镜 阅读(2280) 评论(2) 推荐(1) 编辑
小小验证码有大作用！——一般处理程序生成验证码
摘要：大家对于验证码都很熟悉了，几乎每天都会和它打交道，如注册、登录，论坛回帖等。可以说验证码与我们广大网民的生活工作息息相关。当我们在输入验证码时有人可能会觉得麻烦，虽然验证码让我们有一点小小的麻烦，但是它给我们带来了很大的好处。它可以防止利用恶意程序批量注册、发帖、灌水还能有效的防止黑客暴力破解密码。验证码虽然一般只有简单的几个字符，但是它的作用着实不小啊！下面我们就一起看看如何实现网站中的验证码。 下图为一个含有字母跟数字的简单验证码： 下面我们就来看看它们是如何产生的： 用一般处理程序生成验证码using System;using System.Web;using System.... 阅读全文
posted @ 2012-09-26 11:34 刘水镜 阅读(3892) 评论(13) 推荐(1) 编辑
AJAX异步更改数据库
摘要：前段时间做了一个小网站，里面有个小功能感觉挺好的，在此与大家分享一下，还请各位大神不要笑话小弟的无知。 此功能大概是这个样子的：点击下图中的类别名称，就可以对类别进行修改。 点击类别名称以后，原来的表格变成一个可编辑的文本框，并全选里面的内容，此时可直接进行修改。回车或者鼠标点击其他地方,提交修改内容. 如果不做修改点击别处或者按“Esc”或回车键，就会回到之前的样子，如果修改后跟其他类名重复就会有相应的提示： 如果类名没问题就会将修改后的内容显示到页面，同时会修改数据库的值。 数据库修改前 数据库修改后 用到的js代码/***... 阅读全文
posted @ 2012-09-18 08:32 刘水镜 阅读(4845) 评论(9) 推荐(3) 编辑
三张图片拼接成圆角框
摘要：圆角框在WEB界面经常会用到的元素，正因为如此，人们也研究出了很多实现圆角框的解决方案。每种方案都有各自的优缺点，究竟哪种更好要看你的需要，看具体的应用环境，因为没有绝对的好，也没有绝对的不好，只有适合不适合。前段时间正好用到了圆角框，采用的是图片拼接的方法，下面一起看看效果吧。 效果还可以吧，其实想实现这种效果很简单，只需要三张小图片再加上几句简单的代码就可以轻松搞定，如果不信的话那就往下看。 CSS样式代码：#top{ background-image: url('../images/login_bg_top.gif'); background-position: ... 阅读全文
posted @ 2012-09-11 15:40 刘水镜 阅读(793) 评论(0) 推荐(0) 编辑
CSS盒子模型小剖析
摘要：前段时间刚刚从C/S过度到B/S，提到B/S就不能说CSS，而说起CSS又不能落下盒子模型。在CSS诞生的时候就有了盒子模型的概念，网页中大部分的元素都能构成一个盒子模型,。盒子模型无非就是描述的元素的尺寸跟位置，只要掌握好这两点就可以灵活的运用盒子模型来布局了。下图是盒子模型的基本元素和属性： 下图是一个盒子模型的基本模型，网页中每个元素大概都可以用下图的模型来描述。 element: 元素。有的地方也叫做content，译为内容。 padding: 内边距。默认值为0，不可以为负值。具体使用如下：padding: 10px 20px 30px 40px; /*设置元素内... 阅读全文
posted @ 2012-08-30 11:18 刘水镜 阅读(2369) 评论(25) 推荐(5) 编辑
C#截取指定长度字符超出部分以"..."代替，用于处理过长的标题
摘要：在做网站的时候经常遇到需要显示的东西太长，此时我们通常会将它们按一定的长度截取，然后在其后面加上省略号。当鼠标移到上面时，就会显示出完整的内容。就像下面这样： 要实现此效果，需要用到下面这个截取字符串的函数。相信不用我废话，大家一看注释就能明白是如何实现的。、 /// <summary> /// 将指定字符串按指定长度进行截取并加上指定的后缀 /// </summary> /// <param name= "oldStr "> 需要截断的字符串 </param> /// <par... 阅读全文
posted @ 2012-08-14 22:08 刘水镜 阅读(4169) 评论(8) 推荐(1) 编辑
CSS小总结
摘要：CSS全称为Cascading Style Sheet 译为级联样式表，CSS的出现主要是为了解耦、提高易维护性。我们一般采用的是外部链接样式，这样可以将网页内容跟显示样式真正的分离。 我们选择CSS的原因，无非是它具备以下的优点： 1、符合W3C标准。保证网站不会因为将来网络应用的升级而被淘汰。 2、支持浏览器的向后兼容，也就是无论未来的浏览器大战，胜利的是IE、chrome或者是火狐，网站都能很好的兼容。 3、搜索引擎更加友好。相对与传统的table, 采用DIV+CSS技术的网页，更加容易被搜索引擎找到。 4、样式的调整更加方便。内容和样式的分离，使页面和样式的调整... 阅读全文
posted @ 2012-08-08 08:15 刘水镜 阅读(509) 评论(2) 推荐(0) 编辑

1