随笔分类 -  HTML/CSS

JavaScript/jQuery WebIM 及时聊天通信工具 本地客户端
摘要:WebIM本地客户端,可以发送表情、调整字体、字体大小、字体颜色、加粗、下划线、斜体等;还支持收缩split条,详情等;上UI界面,界面还不够专业,需要美工支持,下一期再看看能不能优化!收缩详情chat.html 代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>IM Chat</title> <meta http-equiv="author" content=&qu 阅读全文

posted @ 2012-06-18 19:44 java课程设计 阅读(628) 评论(0) 推荐(0)

Ext [DDTabPanel、FoodImageField、ImageChooser]扩展组件
摘要:Ext 扩展组件开发环境:System:WindowsWebBrowser:IE6+、Firefox3+JavaEE Server:tomcat5.0.2.8、tomcat6IDE:eclipse、MyEclipse 6.5开发依赖库:JavaEE5、ext 2.2.2Email:hoojo_@126.comBlog:http://blog.csdn.net/IBM_hoojohttp://hoojo.cnblogs.com/一、Ext.ux.panel.DDTabPanel组件可以拖动tabPanel的组件需要用到的文件DDTabPanel组件文件:Ext.ux.panel.DDTabPan 阅读全文

posted @ 2012-03-17 03:36 java课程设计 阅读(502) 评论(0) 推荐(0)

jquery blockUI 扩展插件 Dialog
摘要:对jQuery blockUI插件进行了小的封装扩展,支持confirm、alert、dialog弹出窗口提示信息,支持按钮回调事件。可以自定义css样式、覆盖blockUI的样式等首先要到jquery blockUI 官方网址:http://malsup.com/jquery/block/下载jquery.blockUI JS lib:http://malsup.com/jquery/block/jquery.blockUI.js?v2.38而且还需要jquery lib:http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min 阅读全文

posted @ 2012-01-05 17:34 java课程设计 阅读(265) 评论(0) 推荐(0)

Struts2、Spring3、MyBatis3整合ExtJS,完成CheckNodeColumnTree
摘要:前面介绍了ColumnTree:http://www.cnblogs.com/hoojo/archive/2011/05/11/2043426.html http://www.cnblogs.com/hoojo/archive/2011/05/11/2043453.html 加入CheckNodeColumnTree A、首先在AccountAction中添加如下代码: private String jsonText; public String getJsonText() { return jsonText; } ... 阅读全文

posted @ 2011-05-12 04:51 java课程设计 阅读(269) 评论(0) 推荐(0)

Struts2、Spring3、MyBatis3整合ExtJS,完成ColumnTree 【二】
摘要:三、加入Struts2框架 1、 准备工作 添加jar文件如下: org.springframework.web-3.0.5.RELEASE.jar org.springframework.aop-3.0.5.RELEASE.jar 这2个jar包是spring的context所依赖的jar包 struts2-spring-plugin-2.2.3.jar是struts整合spring的jar包 2、 在web.xml加入struts2的控制器 filter> filter-name>struts2filter-name> fil... 阅读全文

posted @ 2011-05-11 09:37 java课程设计 阅读(257) 评论(0) 推荐(0)

JavaScript js csdn 文字滚动广告效果
摘要:csdn博客中的招聘广告效果代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>csdn 博客 招聘滚动信息广告特效</title> <meta http-equiv="author" content="hoojo"> <meta http-equiv="description" content="this i 阅读全文

posted @ 2010-08-05 13:11 java课程设计 阅读(276) 评论(0) 推荐(0)

IE、FF CSS 兼容性、兼容浏览器的技巧 2
摘要:IE和火狐的css兼容性问题 CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。 1、DOCTYPE 影响 CSS 处理 2、FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3、FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4、FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 ... 阅读全文

posted @ 2010-07-02 10:10 java课程设计 阅读(235) 评论(0) 推荐(0)

BS系统中,几个常用的小技巧
摘要:在BS系统中,有很多小技巧只需要几行代码就可以完成一个丰富的功能。这些技巧被广泛用于BS系统中,下面来看看这些技巧的使用:/*TEXTAREA自适应文字行数的多少*/ <textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight"> /*在打开的子窗口刷新父窗口的代码里如何写*/ window.opener.location.reload() /*网页不会被缓存 */<META HTTP-EQUIV="pragma" C 阅读全文

posted @ 2010-07-02 10:06 java课程设计 阅读(274) 评论(0) 推荐(0)

IE、FF CSS 兼容性、兼容浏览器的技巧
摘要:由于浏览器的内核很多都不同,所以它们解析js、CSS也不同。这样又需要我们去兼容它们。下面是CSS兼容浏览器的一些技巧:一、CSS HACK以下两种方法几乎能解决现今所有HACK.1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)<style>#wrapper{width: 100px!important; /* IE7+FF */width: 80px; /* IE6 */}</style>2, IE6/IE77对FireFox*+html 与 *html 是 阅读全文

posted @ 2010-07-02 09:55 java课程设计 阅读(174) 评论(0) 推荐(0)

JavaScript js 精确、保留小数方法
摘要:做BS的兄弟都知道js,我们搞Bs就少不了要和js打些交道。不会一定js还真是不行,有些的地方就是离不开js。在form表单中,有时候会要保留小数。精确小数点到多少位。那么下面的一些方法就可以帮我们做到。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>floatDecimal.html</title> <meta http-equiv="keywords" content 阅读全文

posted @ 2010-07-01 17:52 java课程设计 阅读(2325) 评论(0) 推荐(0)

jQuery 设置表格隔行变色、隔列变色
摘要:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>隔行变色、隔列变色</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is 阅读全文

posted @ 2010-06-18 15:07 java课程设计 阅读(457) 评论(0) 推荐(0)

在javaScript js文本域中验证整数、小数的方法
摘要:项目需要为了体现更人性化,要求在文本框录入值的时候不要alert弹出消息提示、做页面提示用户输入错误等消息。所以只能控制用户输入的字符,来杜绝错误的可能。下面是简单的验证功能:验证整数 <input type="text" onkeyup="this.value = this.value.replace(//D/g,'');"/> 验证小数 <script type="text/javascript"> String.prototype.replaceAll = function(s1, s2) 阅读全文

posted @ 2010-06-17 11:01 java课程设计 阅读(283) 评论(0) 推荐(0)

html中optgroup 标签用法,分组、只读的且呈树状样式显示
摘要:在html的select标签中除了了option标签外,还有一个标签就是optgroup 。它能帮我们做什么咧?从名称我们就已经领会到接分意思:它是一个option的组,就像checkboxgroup、radiogurop一样,是分组用的; 看看下面一段代码,在浏览器中打开你可以看到一个下拉菜单。但是当你选择java或.Net的时候,是不能选择的。 而且样式和option标签的样式也不同,字体加粗了。且下拉菜单呈树状的样式显示。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><h 阅读全文

posted @ 2010-05-31 15:34 java课程设计 阅读(592) 评论(0) 推荐(0)

导航