html
关注
分享
扫一扫
文章平均质量分 60
jhhuang4836
这个作者很懒，什么都没留下…
展开
-
jquery colorbox遮罩的使用
<link rel="stylesheet" href="<%=path %>/colorbox/colorbox.css" /><script src="<%=path %>/colorbox/jquery.colorbox.js"></script> $('button').click(fu原创 2013-11-07 18:43:37 · 292 阅读 · 0 评论 -
改变鼠标的样式
一般的鼠标的样式只是个系统默认的样式，是个小箭头。但是我们可以改变鼠标的样式。可以设置鼠标在某一个区域改变样式。<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&原创 2014-07-22 16:38:33 · 241 阅读 · 0 评论 -
fusionChart的使用
fusionChart可以生成各种报表，2D柱状图，线形图，非常方便。可以在http://www.fusioncharts.com/goodies/下载。原创 2013-09-24 19:02:54 · 90 阅读 · 0 评论 -
a 标签和button 标签
a标签中如果有button, 那么在IE下就不能跳转到herf的链接a标签中如果有button, 那么在IE下就不能跳转到herf的链接。而火狐和google中可以 如下：此种在IE中不可以。这边的class中的属性只用于按钮样式。<a href="jsp/manage/manage-context.jsp"><input type="button" cl...原创 2013-09-25 14:34:06 · 788 阅读 · 0 评论 -
window.location.href怎么跳转指定子页面
如果用框架的话，在某个子页面上使用window.location.href=“”，则它只会跳到当前子页面上去，如果想要跳转的子页面到指定的子页面上显示，则必须设置target。比如：window.parent(父类).子类的frameset当中的frame的name.location.href="URL地址"window.parent.main.location.href=addres...原创 2013-09-25 15:13:46 · 1376 阅读 · 0 评论 -
html 多张背景图片并存
我们在制作网页的时候，一般一个DIV放一张图片进去。但是如果放多张呢？答案是可以的，但是就目前浏览器来说只有FF和C支持，IE不支持。div{background: url("right.png") top left no-repeat, url(error.png) bottom left no-repeat;//注意这个必须写在一起，有多少张图片，就写多少。每个url后面的top ...原创 2014-03-21 12:41:45 · 2845 阅读 · 0 评论 -
Velocity模板路径的配置
我们一般用 Velocity作为模板进行页面的配置，之所以这样做是因为很简单。可以通过ajax可以返回已打算html代码，把这些html代码放到指定的div当中，实现异步刷新。这样不必花大量时间去解析json代码。ajax 前台页面我不写了，直接写后台的代码：/** * Mainbo.com Inc. * Copyright (c) 2015-2017 All Rights R...原创 2015-03-31 14:13:50 · 909 阅读 · 0 评论 -
css3背景图片指定显示位置
最近做项目需要为一个菜单更换图标，项目里面使用了一张大的背景图，上面有所有的图标，每个图标都是20*20的，利用只显示部分背景图来图标。这样可以循环div显示部分背景图片来选择对应的图标，实际上数据库存放的是图标所在背景图片上的坐标。<!DOCTYPE html><html><head><meta charset="UTF-8">...原创 2016-06-17 17:05:29 · 1096 阅读 · 0 评论 -
struts2文件的上传与下载
前几天做了图片文件的上传，以前虽然也做过但是每次做都要查找资料，现在在这里做个笔记。我用的是Struts2的图片上传。下面我们来看代码：前端页面：<script type="text/javascript" src="${rootPath}/scripts/jquery.form.js"></script> <form action="${ro...原创 2015-11-16 14:29:27 · 80 阅读 · 0 评论 -
echarts省市多地图默认展开省市
因为之前上一篇博客介绍过，这次权当是做一个补充。本来以为echarts有自己的方法可以默认选择地图并展开选择省的地图，研究过才发现并不是这样的，网上有很多都没有一个完整的代码例子。自己研究下与大家共享了。直接看代码：<!DOCTYPE html><html> <head> <title>2.html</title&g...原创 2015-11-27 15:57:26 · 1916 阅读 · 0 评论 -
地址栏传递中文参数到后台乱码
ajax穿中文参数在后台乱码，这是个常见的问题，我在这里总结了一下解决方法。1.一般用form直接提交中文参数是不会出现乱码的，因为form进行了封装。2.在地址栏上传递中文参数到后台，后台需要对接收到到的字符进行处理：(仅用于地址栏的处理，如果在地址栏中使用第三种方法进行转码则地址栏会自动把编码有转换成中文的，起不到转码的作用)request.setCharacterEncodi...原创 2015-11-30 18:11:39 · 809 阅读 · 0 评论 -
artdialog弹出层
最近做项目遇到一个比较好的弹出框，在这里做一下记录：如果遇到iframe的页面：可以这样包含一个新的域。content: content: "<iframe src=\""+url+"\" width=\"1200px\" height=\"500px\" scrolling=\"auto\" frameborder=\"0\">&原创 2017-03-27 17:50:11 · 233 阅读 · 0 评论 -
frameset父页面和子页面的方法之间调用个属性的调用（页面上可以包含iframe）...
在frameset上可以在页面上面划分出多个区域，这是一般管理系统的主要布局方式，但是再一个页面可以调用另外一个页面的属性和方法。页面上可以包含iframe嵌套。祖先页面：<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.get...原创 2014-12-19 13:41:54 · 747 阅读 · 0 评论 -
Java验证码的生成
Java 的生成验证码生成，这里做个总结。验证码生成的基础类：package com.hljw.health.plat.action.portalpage;import java.awt.Color; import java.awt.Graphics2D; import java.awt.geom.AffineTransform; import java.util...原创 2016-02-05 10:55:03 · 151 阅读 · 0 评论 -
iframe怎么post传值
前一段时间做项目需要跨域传值，以往只用get方式传值，但是这次传输的值很大，所以想用post传值，参考了很多资料，下面是我的实现方案：form表单：<form action="aa.do" method="post" target="khiframe" name="khform"> <input type="hidden" name=&quo原创 2017-05-18 17:59:35 · 2951 阅读 · 0 评论 -
CSS 浮动（转）
CSS 浮动CSS 绝对定位CSS 元素选择器浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。CSS 浮动请看下图，当把框 1 向右浮动时，它脱离文档流并且向右移动，直到它的右边缘碰到包含框的右边缘：再请看下图，当框 1 向左浮动时，...原创 2014-07-07 14:01:17 · 76 阅读 · 0 评论 -
CSS 绝对定位
CSS 绝对定位CSS 相对定位CSS 浮动设置为绝对定位的元素框从文档流完全删除，并相对于其包含块定位，包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像该元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。CSS 绝对定位绝对定位使元素的位置与文档流无关，因此不占据空间。...原创 2014-07-07 13:51:15 · 86 阅读 · 0 评论 -
html的块元素和内联元素
HTML 块元素大多数 HTML 元素被定义为块级元素或内联元素。编者注：“块级元素”译为 block level element，“内联元素”译为 inline element。块级元素在浏览器显示时，通常会以新行来开始（和结束）。例子：<h1>, <p>, <ul>, <table>HTML 内联元素内联元...原创 2013-11-11 17:02:59 · 99 阅读 · 0 评论 -
ueditor在线编辑器的使用
ueditor是一个很好用的在线编辑工具，直接引入相应的JS和CSS文件。在页面上：<form action="" method="post"> <TEXTAREA id=myEditor name="name">这里写你的初始化内容</TEXTAREA><br/> <input type=&qu原创 2013-11-11 18:59:56 · 179 阅读 · 0 评论 -
html doctype头元素
HTML <!DOCTYPE> 标签定义和用法<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。以下面这个 <!DOCTYPE> 标签为例：...原创 2013-11-18 14:20:50 · 84 阅读 · 0 评论 -
html 头部的各种参数的含义
HTML <head> 元素<head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 &a原创 2013-11-18 14:22:26 · 386 阅读 · 0 评论 -
html url统一资源定位器
HTML 统一资源定位器· HTML 实体· HTML URL 编码URL 也被称为网址。URL 可以由单词组成，比如 “w3school.com.cn”，或者是因特网协议（IP）地址：192.168.1.253。大多数人在网上冲浪时，会键入网址的域名，因为名称比数字容易记忆。URL - Uniform Resource Locator当...原创 2013-11-18 14:23:55 · 405 阅读 · 0 评论 -
html URL字符编码
HTML URL 字符编码URL地址栏只识别ascii编码，如果超出了ascii编码则必须通过转化为有效的ascii的有效格式，一般java里面通过System.out.println(URLEncoder.encode("吗","UTF-8"));System.out.println(URLDecoder.decode("+","gbk"));进行转化，值得注意的是，一般编码和解...原创 2013-11-18 14:30:24 · 119 阅读 · 0 评论 -
jquery 修改input中的type引发的安全问题
jquery处于对安全性的考虑，不允许用户修改input的type属性。所以就必须使用JS进行修改了。document.getElementById(obj).type="password";但是这样在火狐是ok的，在IE下不行，这样就必须有两个input框，一个是type=“text”的，一个是type=“password”的，可以用隐藏和显示这两个框来达到一些功能上需求。...原创 2013-12-23 14:30:23 · 151 阅读 · 0 评论 -
html5 canvas api
canvas是最近新起的一门页面标记语言，它在html4的基础上有所改进，但是目前浏览器的兼容性并不怎么好，I目前火狐的支持情况还是比较好的。canvas是html5的画布功能，用户可以通过JS进行控制在画布上进行涂鸦，画矩形，圆，弧等。可以实现颜色的渐变。不说了，先看一下canvas的api： 描述HTML5 <canvas> 标签用于绘制图像（通过脚本，通常是 ...原创 2014-01-08 15:20:12 · 100 阅读 · 0 评论 -
canvas的主要方法（1）
此前用过canvas的，针对自己所写的功能，例举几个主要的方法和属性，ctx.fillStyle="#0000ff";//fillStyle 属性设置或返回用于填充绘画的颜色、渐变或模式。一个是填充的颜色ctx.strokeStyle="#0000ff";//strokeStyle 属性设置或返回用于笔触的颜色、渐变或模式。一个是笔头的颜色ctx.rect(20,20,150,10...原创 2014-01-08 15:59:15 · 121 阅读 · 0 评论 -
canvas的主要方法（2）
定义和用法fill() 方法填充当前的图像（路径）。默认颜色是黑色。提示：请使用 fillStyle 属性来填充另一种颜色/渐变。注释：如果路径未关闭，那么 fill() 方法会从路径结束点到开始点之间添加一条线，以关闭该路径，然后填充该路径。JavaScript 语法：context.fill();填充块区颜色 定义和用法stroke() 方法会实际地绘...原创 2014-01-09 17:53:20 · 163 阅读 · 0 评论 -
html canvas的综合应用
这是一个canvas的写字板，可以实现涂鸦，画圆，画线，画矩形，打对号，打叉叉。保存涂鸦的痕迹，图片放大缩小，导出图片等功能。主要是针对于画板一些方法的应用。...原创 2014-01-21 16:30:11 · 113 阅读 · 0 评论 -
多张背景图片定位，定大小同时显示
一个DIV可以显示多少个背景图片，在以前答案是肯定的，只能显示一个。但是在CSS3的出现改变了这一现状，可以显示多个背景图片。不管可以显示多个，就连这个背景的在什么位置显示（定位），以及显示的大小都可以设置。下面我们来看个例子：<div id="canvas"></div> $('#canvas').css("background","url('../View...原创 2014-07-02 11:17:57 · 393 阅读 · 0 评论 -
CSS 外边距合并（转）
CSS 外边距合并CSS 外边距CSS 定位概述外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。外边距合并外边距合并（叠加）是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多混淆。简单地说，外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边...原创 2014-07-07 13:26:50 · 82 阅读 · 0 评论 -
CSS 相对定位(转)
CSS 相对定位CSS 定位概述CSS 绝对定位设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状，它原本所占的空间仍保留。CSS 相对定位相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。如果将 top 设置为 20px，...原创 2014-07-07 13:50:34 · 90 阅读 · 0 评论 -
jPlayer组件与audio标签以及embed 标签
最近在用bootstrap在做页面，由于可以在PC端与移动设备端均可以展示，其中有个自动提醒的功能，需要播放音频，在网上下载了jPlayer-2.9.2感觉不错，这个插件在几乎支持所有的浏览器，但是对IE8及其以下都不支持了，很无奈。看例子：<!DOCTYPE html><html><head><meta charset="utf-8"...原创 2016-03-24 15:40:22 · 612 阅读 · 0 评论