js/jQuery/html/css
great-sage
---
展开
-
正则表达式替换html元素属性
正则表达式替换任意html元素任意属性,或增加任意属性。/** * 替换html中任意tag内任意attr值 * @param src_str * @param tag * @param attr * @param val * @returns {*} */replace_html_tag_attr: function(src_str, tag, attr, val) {原创 2016-04-28 09:43:36 · 3705 阅读 · 0 评论 -
easyui使用layou时自适应窗口
(2012-04-17注:easyui新版本layout已经有fit属性,不用这么麻烦)一个小小的应用一、使用asp.net 自带的form;二、用div代替asp.net 自带的form;开发工具:VS2008框架:jquery-easyui-1.2.6.js,jquery-1.7.2.min.js浏览器:IE6,chrome20.0.1132一、使用原创 2012-05-29 17:03:16 · 11015 阅读 · 1 评论 -
Java中:struts2+jQuery+ajax调用演示
环境:操作系统:Windows 7 应用程序服务器:apache-tomcat-7.0.11开发工具:IntelliJ IDEA 11.1.1Java版本:Java(TM) SE Runtime Environment (build 1.7.0_03-b05)Struts版本:struts-2.2.1.1jQuery版本:1.7.2MySql版本: 5.5.16 M原创 2012-04-16 21:03:01 · 68791 阅读 · 21 评论 -
JavaScript HTML DOM
JS教程JavaScript HTML DOM 摘自http://www.w3school.com.cn 一HTML DOM (文档对象模型 DocumentObject Model)HTML DOM 树 通过可编程的对象模型,JavaScript获得了足够的能力来创建动态的 HTML。l JavaScript 能够改变页面中的所有 HTML 元素l J原创 2013-04-16 11:10:28 · 2315 阅读 · 0 评论 -
DIV+CSS布局
HTML: north部分 包含div: float: left; /*关键点5,同被包含在里面的div一样设置浮动,否则错位*/原创 2013-01-15 12:11:53 · 939 阅读 · 0 评论 -
js根据当前月取得历史或未来月份集合
从当前月开始,取历史月时,计算因子为12,每取一次减1,判断为0时,把年份减1,月份还原到12,再推后推;从当前月开始,取未来月时,计算因子为12,每取一次加1,判断为13时,把年份加1,月份还原到12,再往前推。 //根据当前月,取得历史月份集合(从当前月前推:历史) function complementHistoryDate(numMonth) {原创 2013-01-11 15:34:44 · 3205 阅读 · 0 评论 -
HTML元素居中
function moveMiddle(obj) { if (!obj) return; obj.style.display = "block"; var screenWidth = document.documentElement.clientWidth; var转载 2013-01-08 14:09:29 · 1144 阅读 · 0 评论 -
js CSS实现同一应用样式适应不同系统
同一个web应用,可能在不同的系统中调用,由于不同系统要求页面样式不一样,所以涉及到原始文件页面样式动态适应。关键点: 根据不同系统平台请求参数,加载不同的css文件,标签是有id属性的; 约定大于配置; 不同系统约定对应css样式文件名,根据不同系统平台请求,首先用js分析出请求的css参数,并把这个参数作为文件名,动态加载到被请求页原创 2013-01-06 17:43:27 · 1902 阅读 · 0 评论 -
XMLHttpRequest API语法、函数简介
XMLHttpRequest是Ajax的核心对象,通过此对象,Javascript可以以异步或同步的方式与服务器端通信。一,IE和其他浏览器创建该对象的方法[javascript] view plaincopyprint?var xmlhttp = false; //当指定XMLHttpRequest为异步传输时(false),转载 2012-12-19 14:26:22 · 1201 阅读 · 0 评论 -
Easyui 多个标签联动
在Easyui中,实现多个easyui-tabs联动1.关键是避免出现死循环现象,因为点击任何一个easyui-tabs的tab都要关联到其它easyui-tabs相对应的tab,采用全局为师控制;2.由于采用了onSelect事件,在控制初始化时,要注册onSelect事件,为了避免执行关联代码,采用全局变量控制;HTML代码:原创 2013-08-01 13:09:55 · 3607 阅读 · 0 评论 -
div 水平垂直居中
CSS: .align_center_outer{ margin:0 auto; } .align_center_inner{ width:200px; margin:0 auto; } .vertical_middle{ height:400px; display:tabl原创 2013-07-29 14:03:05 · 821 阅读 · 0 评论 -
input框失去获得焦点
场景:鼠标点击文本框取得焦点,缺省提示消失;鼠标移开文本框失去焦点,如果input为空,加入缺省提示;$(function(){ /*定义焦点和失去焦点事件*/ $.domFocusBlur = function($dom) { if(!$dom) return; var defVal = $dom.val(); $dom原创 2013-11-06 18:06:44 · 4850 阅读 · 0 评论 -
公用数据jsonp跨域请求
跨域数据请求在一些公用环境中很有用处。实际中一些数据,不同的应用系统要进行展现或二次加工,可以把这些数据作成公用的数据服务器,对外提供访问数据的接口,客户端采用ajax的jsonp请求。 // function cd(){// $.ajax({// type : "GET",// contentType:原创 2012-11-30 17:57:46 · 2452 阅读 · 0 评论 -
BUI+Spring+Mybatis
BUI+Spring+Mybatis采用后端SpringMVC+MyBatis,前端采用阿里巴巴的BUI框架。相关项目源码,可以直接下载一、相关环境 操作系统:Windows 7,Windows 8 应用程序服务器:apache-tomcat-8.0.3 开发工具:IntelliJ IDEA 13.1RC2 Java版本:Java原创 2014-05-05 13:17:14 · 8787 阅读 · 3 评论 -
Javascript验证表单身份证号码的合法性
文章出处:http://dengo.org/archives/941不少大的游戏注册时都要输入身份证号码,来限制未成年人,配合所谓的反沉迷系统,账号注册环节注重的是快捷,所以身份证验证都不是真实的验证,只是根据身份证格式简单判断是否合法而已,骗骗小学生,当然也不是那么简单。昨天研究了下身份证表单验证,用javascript写一个身份证号码的验证程序,和盛大账号注册的身份证验证基转载 2013-12-30 16:50:43 · 10526 阅读 · 0 评论 -
滚动条样式-IE,chrome
*{ scrollbar-face-color:#F3F3F3; /*面子*/ scrollbar-arrow-color:#C0C0C0; /*箭头*/ scrollbar-3dlight-color:#C0C0C0; /*最外左*/ scrollbar-highlight-color:#FFFFFF原创 2013-10-23 17:13:41 · 9540 阅读 · 0 评论 -
Javascript取URL传参
采用正则表达式方法:a.html 发送请求页面 function dbSelRow(){ var param = '10023112'; window.location.href = "b.html?cstCode=" + param+"&id=11&name=abc"; } b.html原创 2013-10-25 13:11:30 · 2852 阅读 · 0 评论 -
javascript字符串连接的性能
摘自http://www.w3school.com.cnECMAScript 中最常见的一个问题是字符串连接的性能。与其他语言类似,ECMAScript 的字符串是不可变的,即它们的值不能改变。请考虑下面的代码:var str = "hello ";str += "world";实际上,这段代码在幕后执行的步骤如下:创建存储 "hello " 的字符串。创建存储转载 2013-10-18 11:18:01 · 920 阅读 · 0 评论 -
javascript采用des方式加密
加密函数及测试方法://Paul Tero, July 2001//http://www.tero.co.uk/des/////Optimised for performance with large blocks by Michael Hayworth, November 2001//http://www.netdealing.com////THIS SOFTWARE IS转载 2013-10-18 10:56:28 · 11604 阅读 · 0 评论 -
ajax跨域请求下parsererror错误
ajax请求报parsererror错误是很宽泛的概念,很多情况下都报这个错,在很多时候,即使ajax提交、返回都正常XMLHttpRequest.status=200 (正常响应)XMLHttpRequest.readyState=4 (正常接收)ajax也会提示一个parseerror的错误.出现这个错误,大都是不良书写习惯,或者语法不当造成的.关于ajax的错误原创 2012-12-19 15:50:51 · 51463 阅读 · 3 评论 -
table行间隔色之js&css控制
名称 Java Python C++ C C# /* 表头 */ table.list_content th{background-color: #CFE2F8;height:24px;border:solid 0px #BDCBE8;border-right:solid 1px #BDC原创 2012-11-01 10:52:31 · 3186 阅读 · 0 评论 -
jQuery Ajax调用WebService返回JSON数据
转载本文将介绍jQuery调用基于.NET Framework 3.5的WebService返回JSON数据,另外还要介绍一下用jQuery调用WebService的参数设置及设置不当所出现的问题,还有出现问题的原因. jQuery调用WebService网上的介绍也比较多,最近的项目中我也用到不少,一直都很少用.NET Ajax,比较钟情于jQuery调用请求WebService有转载 2012-05-23 19:18:49 · 12788 阅读 · 0 评论 -
Web 设计与开发终极资源大全(上)
Web 技术突飞猛进,Web 设计与开发者们可以选择的工具越来越多,Web 开发者的技巧不再只限于 HTML 和 服务器端编程,还需要精通各种第三方资源,这些第三方资源有时候比你的项目更复杂,更专业,你无法自己实现一切,借助一些 Web API,你可以很方便地将大量优秀的第三方资源集成到自己的站点。本文全面搜集 Web 开发中可能用到的各种第三方资源。1. 函数与类库 A. CAPTCHA转载 2010-03-18 15:56:00 · 507 阅读 · 0 评论 -
滤镜综合的例子
可以用CSS样式的filter(滤镜效果)对HTML的一些标记设置滤镜效果。例:黑白照片 filter: gray;X光照片 filter: Xray;风动模糊 filter: blur(add=true,direction=45,strength=30);正弦波纹 filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3)转载 2008-11-14 00:00:00 · 710 阅读 · 0 评论 -
Div 生成顺序
Div样式设置原则 先定位 从外到内设计一 position left top right buttom二 float三 margin四 background五 border六 padding七 width height八 overflow九 font十 text-align verctor-align十一 cursor十二 clip:设置剪辑矩形 clip:r原创 2008-11-13 23:58:00 · 842 阅读 · 0 评论 -
DIV样式汇总
DIV样式汇总一、常用属性:1、Height:设置DIV的高度。2、Width:设置DIV的宽度。例:div style="width:200px;height:200px;background-color:Black;">div>3、margin:用于设置DIV的外延边距,也就是到父容器的距离。 例:div style="background-color:Black;width:5转载 2008-11-13 23:38:00 · 4814 阅读 · 2 评论 -
input按钮onclick大全
INPUT onclick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开 name=Button1> INPUT onclick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为 name=Button2> INPUT onclick=docum转载 2008-09-04 08:57:00 · 14175 阅读 · 3 评论 -
梅花雪树控件的使用
梅花雪树1.0控件 有以下属性和方法。属性 MzTreeView 类的一些属性: 属性名 类型 属性的具体说明 MzTreeView.nodes 集合 服务器端给树指定数据源时数据存放的对象,具体存放格式如:MzTreeViewHandle.nodes["parentId_nodeId"] = "text: nodeText; icon: nodeIcon; url: nodeURL; .转载 2008-04-30 10:01:00 · 3559 阅读 · 2 评论 -
关于 Serif Sans-Serif Monospace 字体
字体衬线字体 ( Serif ) : "Times New Roman" 宋体非衬线字体 ( Sans Serif ) : Verdana 黑體 圓體等宽字体 ( Monospace ) : "Century Schoolbook Mono BT" "Lucida Console" ProggySquareSZ 字号小号 11中号 12大号 13--文章的正文,如果有很多原创 2007-12-26 02:12:00 · 4604 阅读 · 0 评论 -
wondow print
一.按钮: button_print" value="打印" onclick="javascript:printit();"/> button_setup" value="页面设置" onclick="javascript:printsetup();" />二.javascript事件:script language="javascript"> window.onbeforeprint=p_转载 2007-11-21 18:09:00 · 666 阅读 · 0 评论 -
Web 设计与开发终极资源大全(下)
Web 技术突飞猛进,Web 设计与开发者们可以选择的工具越来越多,Web 开发者的技巧不再只限于 HTML 和 服务器端编程,还需要精通各种第三方资源,这些第三方资源有时候比你的项目更复杂,更专业,你无法自己实现一切,借助一些 Web API,你可以很方便地将大量优秀的第三方资源集成到自己的站点。本文是第二部分。3. APIs 以下 API 可以将很多现成的功能集成到你的站点:转载 2010-03-18 15:54:00 · 644 阅读 · 0 评论 -
javascript实用的N个小例子
版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://gzycm520.blog.51cto.com/175220/36822 · 事件源对象 event.srcElement.tagName event.srcElement.type· 捕获释放 event.srcElement.setCapture转载 2010-05-06 11:58:00 · 527 阅读 · 0 评论 -
asp.net+jQuery(jPaginate插件)+AJAX 分页
最近在作一个证券模拟交易项目,数据显示采用了jQuery的ajax和jPaginate分页,其中还涉及到DataSet数据格式转换为Json格式.涉及知识:前端: Json: Newtonsoft.Json:DateSet与Json的数据转换 jQuery: ajax异步请求, jPaginate分页插件,数据库:原创 2012-05-08 19:54:29 · 6271 阅读 · 3 评论 -
请求WebService出现"因 URL 意外地以 结束,请求格式无法识别"解决方法
最近在摆弄jeasyui,这玩意儿用着方便,称手,但太方便了,就少了一点灵活。在用jeasyui中DataGrid请求WebService(asmx文件)时,莫名的出现没数据,具体表现为: 本地开发调试,能正常请求到服务器数据; 发布到IIS上后,客户端电脑访问,就请求不到数据了; 在服务器上作本地访问,又能请求到数据;(是不是有点意思了。)用jQuery的aj原创 2012-05-23 19:17:06 · 9807 阅读 · 0 评论 -
asp.net+FusionCharts+jQuery(ajax)后台请求数据生成图表
关键:使用FusionCharts的setJSONData(data)或者setXMLData(data)方法。前台aspx部分代码:对比曲线 <!-- $(document).ready(function() { $.ajax({ type: "POST", contentType: "app原创 2012-05-10 17:56:37 · 5556 阅读 · 1 评论 -
FusionCharts参数中文说明
FushionCharts是把抽象数据图示化的套件,使用方便,配置简单。其相关参数中文说明如下。功能特性animation 是否动画显示数据,默认为 1(True)showNames 是否显示横向坐标轴(x轴)标签名称rotateNames 是否旋转显示标签,默认为0(转载 2012-05-10 13:21:27 · 9236 阅读 · 0 评论 -
跨浏览器实现CSS滤镜颜色渐变
CSS滤镜实现颜色渐变在不同浏览器下:.myClass{ /* 滤镜渐变 */ /* Firefox 3.6 */ background-image: -moz-linear-gradient(top, #D1EEF5, #ffffff); /* Safari & Chrome */ background-image: -webkit-原创 2012-05-08 12:16:30 · 1819 阅读 · 1 评论 -
javascript根据class名和标签取得HTML对象
根据给定类名和给定HTML标签,取得对应HTML对象/** 取得对应类和标签的HTML元素* clsName:给定类名* tagName:给定的HTML元素,如果为任意 tagName='*'* */function getElementsByClassName(clsName, tagName) { var ClassElements = []; selEle原创 2012-02-04 14:01:34 · 6038 阅读 · 0 评论 -
javascript鼠标点击实现改变CSS样式
javascript通过改变元素class名达到间接改变CSS样式CSS:/* 字体链接样式 */td.firstLevelMenuClass a:link {color: #3E8BAC; text-decoration: none;} /* 未访问的链接 */td.firstLevelMenuClass a:visited {color: #FFFFFF; text-deco原创 2012-02-04 14:14:57 · 28166 阅读 · 0 评论 -
关于Web UI(不定期更新)
UI,面子问题,不得不说,一定要说。原创 2010-06-12 17:32:00 · 912 阅读 · 0 评论