HTML & CSS
关注
分享
扫一扫
文章平均质量分 78
许增强
请叫我强哥!
展开
-
验证码生成
验证码作用：防止程序员用暴力的方式反复登录从而破解密码的一种方式。验证码每次刷新都会随机生成。主要是利用Graphics这个类画验证码再以字节流的形式传给web。package com.xuzengqiang.tour.user.web.servlet;import java.awt.Color;import java.awt.Font;import java.awt.Graphi原创 2014-02-24 11:04:31 · 561 阅读 · 0 评论 -
dojo中pub/sub框架
对于已经创建的对象（DOM节点，某个小部件[widget]，或是某个特效对象），我们可以将事件处理器绑定在其上，并以其作为事件发布者。但如果我们不知道要绑定的对象是否已经被创建时，我们就会需要用到Dojo的publish和subscribe(pub/sub)框架了。pub/sub使我们可以将某个处理器注册（或称之为“订阅”[subscribe]）到某个“主题”（一个具有多个事件触发源的事件的特定名原创 2014-03-26 11:39:13 · 633 阅读 · 0 评论 -
javascript自执行函数
啊啊爱爱爱原创 2014-06-24 11:31:28 · 441 阅读 · 0 评论 -
js简单的切割效果和容器的拖拽
test *{margin:0;padding:0} .borderDiv{width:100px;height:100px;border:1px dashed #AFAFAF;position:absolute;top:100px;left:30px; cursor:move;z-index:4;} .move{width:6px;height:6px;backgro原创 2014-05-05 17:34:38 · 883 阅读 · 0 评论 -
javascript自执行函数与原型继承
想自己写个javascript函数库自原创 2014-11-20 21:27:36 · 577 阅读 · 0 评论 -
jQuery弹出层
弹出层往往需要设置浮动样式position:absolute;考虑到有一种情况,如：移动到某一个元素上在其下方或者上方显示一个浮动层，作为提示语句，当鼠标移开该元素或者元素的提示层的时候需要隐藏该层，此时可以考虑在该元素外新增一个div或者其它元素，然后将新增的浮动层的html代码通过js加入到新增的div层容器中，此时就只需要考虑当移除该div层的时候才隐藏该层了。但是此时要考虑该元素的位置显示问题，因为position:absolute;是相对于与它最相近的position:absolute原创 2014-12-16 11:11:55 · 797 阅读 · 0 评论 -
js去除文本中的html标签
引入:考虑到文本是从富编辑器中取到的数据，有时候我们可能不需要显示格式，这时候需要去除html标签，而只需要其中的文本即可。方式一：利用innerText,jQuery利用text()innerText会自动剔除html标签原创 2014-12-17 11:50:28 · 27050 阅读 · 0 评论 -
jquery弹出层 +CSS箭头制作
这里做一个带箭头的弹出层。1、如果浏览器不支持CSS3，我们可以用border模拟。但是这个时候箭头不能带边框，即纯色，不太好看，这个时候我们可以利用两个b标签实现：首先需要制作一个向上的箭头，箭头的颜色为弹出层边框颜色，其它方向可以模仿做出来。原创 2015-01-29 16:09:41 · 3498 阅读 · 2 评论 -
jQuery 返回顶部
$("body,html").stop(false,true).animate({scrollTop:settings.backIndex},settings.backTimer);原创 2015-01-30 15:12:11 · 889 阅读 · 2 评论 -
子元素设置浮动样式，父元素高度为0
子元素如果设置了浮动样式，那么它就会脱离文档流，从而导致父元素高度变成0，当然不能说这是一个Bug，float的出现的初衷就是为了实现文字环绕图片来实现图文混排和流式布局，所以只能说这种情况只能是由于浮动样式的特性决定的。原创 2015-01-30 13:02:37 · 1087 阅读 · 0 评论 -
jQuery extend方法以及插件编写
jQuery中的扩展方法extend是一个很重要的方法，我们可以利用这个方法编写我们自己的插件。可以先看看这个方法的定义：jQuery.extend = jQuery.fn.extend原创 2014-02-14 16:04:16 · 1491 阅读 · 0 评论 -
CSS遮罩效果
遮罩效果:覆盖层作用:把焦点限制在高亮层。原理:通过一个绝对定位的层(通常使用div)，设置它的高度和宽度以致能覆盖整个屏幕(包括缩放和滚动浏览器的情况下)，再给它设置一个比较高的z-index来层叠在原有内容之上，这样用户就只能点在这个层的内容上了原创 2014-02-14 15:33:50 · 1520 阅读 · 0 评论 -
jQuery日历插件编写jquery.calendar.js
jQuery日历插件编写(jquery.calendar.js)：目前比较难解决的问题是：1、皮肤问题，虽然可以自定义皮肤，但是使用起来还是有一定的困难。样式预览：默认皮肤1：原创 2014-02-17 09:39:26 · 21110 阅读 · 0 评论 -
jQuery对称三角箭头
//左箭头$(".left").arrow({color:'#FF0000',height:10,width:20,direction:'left'});//默认情况$(".top").arrow();//向下箭头$(".bottom").arrow({color:'#FF9900',height:30,width:30,direction:'bottom'});原创 2015-02-28 09:30:37 · 1716 阅读 · 0 评论 -
jquery日历插件(2)
1、改进了调用方式，使用更加方便。2、支持导入皮肤库，具体导入方法可以参考源码中的Calendar.loadCSS()方法。如果要自定义皮肤，可以参考源码文件方式，在skin包中新增一个皮肤文件夹，然后参考其他皮肤文件夹中的style.css修改，这个如果是自定义皮肤调用的话就是：jQuery对象.showCalendar({skin:'自定义皮肤文件夹名称'});原创 2015-03-02 11:29:38 · 1439 阅读 · 1 评论 -
仿百度首页背景图片始终全屏
利用position:fixed属性新建一个全屏的层，将背景图片置于这个层中，这样就不会随着鼠标滚轮的滚动而改变背景图片的大小。主要css：.image_bg{position:fixed;left:0;top:0;width:100%;height:100%;z-index:-1}.image_bg img{position:absolute;left:0;top:0;margin:0 auto;width:100%;height:100%;z-index:-1}原创 2015-03-09 14:29:51 · 1329 阅读 · 0 评论 -
jquery单页锚点移动
有很多企业网站的官网都有使用这种锚点的方式移动到指定位置的功能。首先点击跳转的元素需新增一个anchor属性，这个anchor属性值就是指定跳转位置元素的name值。调用方法：1、直接对页面上所有锚点元素添加事件。$("..").anchor({...});原创 2015-03-09 11:31:35 · 1241 阅读 · 2 评论 -
JFreeChart
package com.xuzengqiang.jfreechart;import java.awt.Color;import java.awt.Font;import javax.servlet.ServletOutputStream;import javax.servlet.http.HttpServletResponse;import org.apache.struts2.S原创 2014-03-25 13:35:06 · 868 阅读 · 0 评论 -
javascript Module模式
参考:汤姆大叔的博文原创 2014-05-05 09:32:45 · 812 阅读 · 0 评论 -
freemarker的初步使用
首先在对应的工程目录下新建一个template文件夹,用于存放rj格式文件,新建一个index.rj和copyright.rj。index.rj: ${me.mail}copyright.rj: Copyright (C) ${date} xuzengqiang. All rights reserved.新建java代码:package com.xuzengq原创 2014-03-05 14:25:06 · 767 阅读 · 0 评论 -
freemarker用法二，基于servlet处理
新建一个web项目，在WebContent下(即WEB-INF的上级目录下)建立一个template文件。新建一个test.rj文件 测试 ${user} 然后新建一个servletpackage com.xuzengqiang.freemarker.action;import java.io.File;import java.io.IOExceptio原创 2014-03-05 16:01:34 · 682 阅读 · 0 评论 -
纯javascript实现div的伸缩
javascript实现div的伸缩只是需要更新div层的width和height即可。但是需要考虑兼容性问题，首先给定一个div层，如果div层本身带边框，这个时候利用offsetXxx获取div层的宽度和高度时包含了div层的边框，需要减去两边边框的宽度，这个时候获取边框的宽度会有兼容的问题。IE下面可以使用obj.currentStyle.borderWidth的方式获取边框原创 2014-03-11 14:07:08 · 2847 阅读 · 0 评论 -
Struts2与freemarker自定义标签
包目录视图领域模型层User.javapackage com.xuzengqiang.project.domain;public class User{ private String username; private String password; public String getUsername() { return username; } publi原创 2014-03-13 16:58:02 · 1158 阅读 · 0 评论 -
javascript基础
a原创 2014-03-07 10:02:46 · 574 阅读 · 0 评论 -
纯javascript实现广告的无缝滚动
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">广告的无缝滚动 *{margin:0;padding:0;font-family:微软雅黑;} ul{list-style:none;} .adMove{border:1px so原创 2014-03-10 17:01:24 · 2161 阅读 · 0 评论 -
dojo初始使用
dojo的头部标准写法: @import "dojo-lib/dojo/resources/dojo.css"; @import "dojo-lib/dijit/themes/tundra/tundra.css";原创 2014-03-07 09:04:51 · 1201 阅读 · 0 评论 -
jQuery拖拽效果和切割效果
test *{margin:0;padding:0} .borderDiv{width:100px;height:100px;background:#FFFFFF;border:1px dashed #FF0000;position:absolute;top:150px;left:390px;cursor:move;z-index:4} .move{width:10px;height:10原创 2014-04-30 16:39:06 · 690 阅读 · 0 评论 -
dojo中Tree的使用
我用的dojo是1.9版本的，所以使用新的store。创建一棵最简单的树需要如下几个环节：1、创建一个store，并为其实现getChildren方法（获取指定节点的子节点，数据层面）。2、使用创建的store创建一个Model，Model只能是ObjectStoreModel。创建Model的时候一定要指定一个query配置项，该配置项决定了树的根，根必须是唯一。3、使用Mode原创 2014-03-18 15:34:03 · 2274 阅读 · 0 评论 -
JavaScript Tween算法及缓动效果
转载自cloudgamer的文章Flash做动画时会用到Tween类，利用它可以做很多动画效果，例如缓动、弹簧等等。我这里要教大家的是怎么利用flash的Tween类的算法，来做js的Tween算法，并利用它做一些简单的缓动效果。首先大家到这里下载flash的as脚本（建议看看这里的demo），1.0和2.0都可以（里面的算法都一样）。例如打开2.0的可以看到几个as文件，转载 2014-03-21 14:31:15 · 853 阅读 · 0 评论 -
javascript实现div层移动的减速效果
其实原理很简单，当一个div层从起始位置到最终终点位置(endX,endY)的过程中，假设每10ms移动一次。那么利用一个目标值(终点坐标)减去当前div层的位置除以一个定长来作为下次div层要移动的距离即可。由于每次div层的位置都会由于移动越来越接近目标点，那么越隔近终点移动速度就会越来越慢。简单的减速效果。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML原创 2014-03-21 13:51:28 · 740 阅读 · 0 评论 -
js通过类名获取元素对象
方式一:通过遍历所有元素对象获取。原创 2014-05-04 09:57:36 · 13784 阅读 · 0 评论 -
javascript中面向对象的方法模拟
类的创建模型:var Class=function(){ create:function() { return function() { this.initialize.apply(this,arguments); } }}可以利用Class.create()创建任意对象，但是该对象必须实现initalize()方法。转载 2014-03-10 11:21:29 · 490 阅读 · 0 评论 -
如何写出高质量的javascript代码2
转自:避免隐式类型转换(Avoiding Implied Typecasting )JavaScript的变量在比较的时候会隐式类型转换。这就是为什么一些诸如：false == 0 或 “” == 0 返回的结果是true。为避免引起混乱的隐含类型转换，在你比较值和表达式类型的时候始终使用===和!==操作符。var zero = 0;if (zero === false) {转载 2014-05-05 12:47:49 · 602 阅读 · 0 评论 -
Module模式的高级用法
转自:汤姆大叔的博文扩展Module模式的一个限制就是所有的代码都要写在一个文件，但是在一些大型项目里，将一个功能分离成多个文件是非常重要的，因为可以多人合作易于开发。再回头看看上面的全局参数导入例子，我们能否把blogModule自身传进去呢？答案是肯定的，我们先将blogModule传进去，添加一个函数属性，然后再返回就达到了我们所说的目的，上代码：var blogMo转载 2014-05-05 11:27:14 · 739 阅读 · 0 评论 -
控制textarea中文本长度---input和onpropertychange
IE下使用onpropertychange，非IE下使用input，不能输入的原创 2014-06-23 15:16:32 · 1505 阅读 · 0 评论