代码改变世界

随笔档案-2011年07月

Maqetta Preview 2 发布，开源HTML5可视化设计工具

2011-07-29 17:30 by Rollen Holt, 947 阅读, 收藏, 编辑
摘要： 由 Dojo 基金会支持的云端 WYSIWYG 桌面及移动版 HTML5 开发工具 Maqetta 发布 了Preview 2 版本。Maqetta是由IBM推出的一个基于浏览器的开源HTML5网页编辑工具，支持Google Chrome、Mozilla Firefox 3.5+（推荐Firefox 4）和Mac Safari 5，为用户体验设计师提供了一个可见即可得的可视化编辑环境，允许用户界面设计师采用拖放的方式实现 HTML5 交互体验。Preview 2 版本新功能包括：升级移动平台发布工具：增加 Dojo 1.7 移动控件库支持，精确到像素级别匹配的设备底版，浏览器预览增加缩放支持。 阅读全文

CSS代码中的important属性的使用和说明：

2011-07-29 11:34 by Rollen Holt, 624 阅读, 收藏, 编辑
摘要： CSS代码中的important属性的使用和说明：网站模板设计当中CSS中important是一个非常重要的属性，有时候发挥着非常大的作用，这方面的知识并不是非常多，我们看下面的文章，对它作比较感观的了解。 前几天写一些CSS代码的时候又难为我了，因为那个该死的IE6对CSS的支持是如此的差劲，以前我还没注意过，因为做的东西基本都是基于IE的，可是我这次为博客写的CSS要支持不止IE一个浏览器，可恨的是我装的Windows 7，这里面自带的是IE8浏览器，我自认为已经没有问题了，可是打开IE6，仍然出现错位，于是我决定看看IE6到底是什么情况。 我把所有的CSS块儿全部使用边框包起来，结果看到 阅读全文

超强HTML和xhtml，CSS精品学习资料下载汇总（更新至7月15日）

2011-07-27 17:33 by Rollen Holt, 2336 阅读, 收藏, 编辑
摘要： 大家可以去帖子原址：http://club.topsage.com/thread-368400-1-1.htmlHTML/CSS开发工具：最强CSS设计工具NewsGator TopStyle Pro v4.0 最新版＋序列号HttpWatch v6.0.14 Pro (附件授权文件)文本转HTML工具：Easy Text To HTML ConverterBeginning Web Programming with HTML, XHTML and CSS 第二版专业网页设计工具 Blumentals WeBuilder 2008 v9.2.0.100快速CSS编写工具 Blumentals 阅读全文

javascript继承---原型继承的例子

2011-07-27 16:08 by Rollen Holt, 513 阅读, 收藏, 编辑
摘要： <html> <head></head> <body> <script type="text/javascript"> function Person(name){ this.name=name; } Person.prototype.getName= function(){ return this.name; } function User( name , passward){ this.passward= passward; this.name=name; } /** * 原型继承 * 每次调用new User 阅读全文

导航菜单的收集（持续跟新）

2011-07-26 18:30 by Rollen Holt, 610 阅读, 收藏, 编辑
摘要： 最近会收集一些网站页面的导航菜单。因为最近联系网页的布局，感觉css比jQuery难，哈哈。可能因人而异吧。之前把css的全部属性看了几遍，但是也仅限于看了几遍在自己刚开始写网站的页面的时候，居然不会用，呵呵。于是去互联网上下载了一写模板，前期先熟读人家的代码，然后自己改动着看一些，呵呵。最后自己实现他。感觉收获很大，对于css，本人建议，大家还是动手吧，因为这些属性，看了用处不大。 好了，不扯了。1):效果如下实现代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://ww 阅读全文

自己写的页面4

2011-07-26 17:44 by Rollen Holt, 589 阅读, 收藏, 编辑
摘要： 未完成，大家可以继续扩展css代码：body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border: 0;}body{background: #192d40 url(images/bg.jpg) repeat-x ; /*实现渐变效果*/ font: "Copperplate Gothic Light"; line-height: 1.2em; width: 900px; hei 阅读全文

jQuery设计思想

2011-07-26 15:50 by Rollen Holt, 639 阅读, 收藏, 编辑
摘要： 转自博客园新闻频道　jQuery是目前使用最广泛的javascript函数库。 据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。 对于网页开发者来说，学会jQuery是必要的。因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果。 虽然jQuery上手简单，比其他库容易学会，但是要全面掌握，却不轻松。因为它涉及到网页开发的方方面面，提供的各种方法和内部变化有上千种之多。初学者常常感到，入门很方便，提高很困难。 目前，互联网上最好的jQuery入门教材，是Rebecca Mu 阅读全文

自己写的页面3

2011-07-26 10:46 by Rollen Holt, 530 阅读, 收藏, 编辑
摘要： html代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF- 阅读全文

自己写的页面2

2011-07-26 09:35 by Rollen Holt, 402 阅读, 收藏, 编辑
摘要： 先看看效果再说吧css代码如下：/** * Css文件 */*{ padding: 0; margin: 0;}body{ background: #fff url(images/main_bg.jpg) no-repeat; font-size: 62.5%; font-family: Georgia, "Times New Roman", Times, serif;}#headerwrapper{ width: 505px; height: 180px; margin-top: 265px; margin-left: 120px;}#header_left{ width 阅读全文

自己写的一个简单的页面

2011-07-25 19:27 by Rollen Holt, 509 阅读, 收藏, 编辑
摘要： css代码如下：@charset "utf-8";/* CSS Document */*{ margin: 0; padding: 0;}* body{ font: .8em Tahoma, "Trebuchet MS", Tahoma, sans-serif; line-height:1.6em; background: #fff url(images/bg.gif) repeat-x; color: #8E8E91;}#content{ width: 930px; margin: 25px auto;}a{ color: #EB0000; backg 阅读全文

jQuery高亮显示文本中重要的关键字

2011-07-22 12:46 by Rollen Holt, 657 阅读, 收藏, 编辑
摘要： 还是先看看效果再说吧：呵呵。不错吧。 Demo地址：http://5thirtyone.com/sandbox/samples/fadefocus/ 很绚丽的效果幺！二、实现原理 将要高亮显示的文字加上段落标记，class=”mask”的div做为遮罩层，使此遮罩层位于文字内容之上（z-index属性，使用Jquery给段落动态添加样式类。三、HTML代码<divclass="wrapper"><ulclass="entity-results"><li><aclass="d1"href=&qu 阅读全文

jQuery实现的虚拟键盘

2011-07-21 19:03 by Rollen Holt, 4734 阅读, 收藏, 编辑
摘要： 今天的收获很大呵呵，刚刚看了这个实例，用jQuery实现的虚拟键盘。先贴个图上来看看:大家也可以去官网看看：http://designshack.co.uk/tutorials/creating-a-virtual-jquery-keyboard摘录教程如下：For those of us who travel often, we often end up accessing our emails and other confidential web accounts on public computers. In such circumstances, we are completely a 阅读全文

表格展开伸缩

2011-07-21 16:36 by Rollen Holt, 1300 阅读, 收藏, 编辑
摘要： 原始点击之后：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title></title><link href=&q 阅读全文

表格的变色问题

2011-07-21 16:15 by Rollen Holt, 431 阅读, 收藏, 编辑
摘要： 起初的样式如下：选择之后的样式如下：代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title></title> 阅读全文

表格隔行变色

2011-07-21 16:11 by Rollen Holt, 459 阅读, 收藏, 编辑
摘要： 代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title></title><link href=&qu 阅读全文

最原始的表单验证

2011-07-21 16:02 by Rollen Holt, 439 阅读, 收藏, 编辑
摘要： 为了抛砖引玉，呵呵，大家懂的。其实可以直接有插件的，大家可以Google下。代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type& 阅读全文

下拉框左右选择

2011-07-21 15:52 by Rollen Holt, 536 阅读, 收藏, 编辑
摘要： 双击之后：没有实现排序，大家可以继续改进。代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content=&q 阅读全文

“全选”，“反选”功能的实现。

2011-07-21 15:24 by Rollen Holt, 928 阅读, 收藏, 编辑
摘要： 假如一开始：点击反选之后：点击全选之后：点击提交之后源代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" conte 阅读全文

文本框滚动变化

2011-07-21 15:14 by Rollen Holt, 473 阅读, 收藏, 编辑
摘要： 原始样式：（大家注意滚动条的变化）代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="t 阅读全文

文本框动画式变大

2011-07-21 15:08 by Rollen Holt, 719 阅读, 收藏, 编辑
摘要： 这个由于是动画效果，所以不好粘贴出来，大家可以自己运行试试，呵呵。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" cont 阅读全文

文本框的高度变化

2011-07-21 15:05 by Rollen Holt, 1185 阅读, 收藏, 编辑
摘要： 原图：点击放大之后：代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/htm 阅读全文

jQuery表单过滤

2011-07-21 14:57 by Rollen Holt, 649 阅读, 收藏, 编辑
摘要： 先看看效果再说吧。这个是一开始的表单样子。然后比如我们想搜索姓名中含有“张”的人，效果如下：呵呵，最近初学jQuery，所以例子比较简单。代码如下： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lan 阅读全文

outlook2010配置gmail或者gmail企业邮箱

2011-07-20 10:04 by Rollen Holt, 11951 阅读, 收藏, 编辑
摘要： 今天配置这个真的是很费事，呵呵、outlook 2010 设置传送接收 gmail 邮件 (电脑鸭原创) outlook 2010 接收与发送gmail邮件,首先需要把服务器的pop3服务开启打开gmail的POP3服务http://www.diannaoya.com/a/office/outlook/2011/0518/19409.html打开后开使 outlook 2010 客户端设置打开 outlook 2010选择 "文件"选择 "账户设置"->"账户设置(添加和删除账户或更改现有连接设置)"选择 "新建&qu 阅读全文

论程序员与妓女

2011-07-19 23:15 by Rollen Holt, 431 阅读, 收藏, 编辑
摘要： 1，程序界的高手通常很讨厌微软，妓女界的高手嗯。。这个。。恐怕也如此2，都是吃青春饭，不过到人老猪黄后，凭着混个脸熟，程序员可以混个管理员，妓女也行，不过俗称老鸨3，妓女靠的本钱是三围，程序员靠的可是四围（思维）4，程序员为了拉客，通常会在交易前提供一个demo，妓女提供的那叫photo5，程序员现在出的活时兴叫吃霸、结霸，妓女大姐一律叫波霸6，心不在焉的妓女可以一边工作一边do { beep(1); sleep(9)}until over flo，心不在焉的程序员也可以一边工作一边navigate到成人网站上去7，程序员手册：一套好的人机操作界面要求，对于新手，能够一步一步的引导他进入功能， 阅读全文

xml学习笔记2

2011-07-19 17:19 by Rollen Holt, 526 阅读, 收藏, 编辑
摘要： 使用css来修饰xml是可能的，语法规则是但是不推荐使用这种方法一般用XSLT来修饰xml，将xml文件连接到xslt文件的语法是如果有时间的话推荐学习一下XSLT.在使用 XSLT 来转换 XML 时，不同的浏览器可能会产生不同结果。为了减少这种问题，可以在服务器上进行 XSLT 转换。但是不论转... 阅读全文

xml学习笔记1

2011-07-19 15:04 by Rollen Holt, 625 阅读, 收藏, 编辑
摘要： 所有元素必须有关闭标签大小写敏感标签必须正确的嵌套This text is bold and italic 这个是错误的必须有一个元素是其他元素的根元素属性值必须加引号,单引号和双引号都可以5个预定义的实体引用：注释：XML中空格被保留，但是在html中会被合并以LF存储换行文档开头 XML 元素必... 阅读全文

动画停止和延时

2011-07-18 15:44 by Rollen Holt, 369 阅读, 收藏, 编辑
摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>hello</title> <meta http-equiv="Content" "c 阅读全文

简单的移位动画

2011-07-18 15:29 by Rollen Holt, 375 阅读, 收藏, 编辑
摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>移动位置的动画</title> <script type="text/javascript" sr 阅读全文

简单的动画

2011-07-18 15:27 by Rollen Holt, 453 阅读, 收藏, 编辑
摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>hello</title> <meta http-equiv="Content" "c 阅读全文

图片的淡入和淡出效果演示

2011-07-18 14:26 by Rollen Holt, 480 阅读, 收藏, 编辑
摘要： 因为是动画效果，所以不好贴图片，大家可以自己运行看看效果。代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>hello</title> <meta http 阅读全文

显示和隐藏菜单的做法

2011-07-18 13:45 by Rollen Holt, 648 阅读, 收藏, 编辑
摘要： 之前的效果修改之后的效果代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>hello</title> <meta http-equiv="Cont 阅读全文

列表中的导航菜单的制作

2011-07-18 11:24 by Rollen Holt, 776 阅读, 收藏, 编辑
摘要： 效果图如下代码如下：（图片大家可以自己找）<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>事件中的冒泡现象</title> <meta http-equiv=&qu 阅读全文

第四章 JSP语法

2011-07-04 14:19 by Rollen Holt, 12198 阅读, 收藏, 编辑
摘要： 第四章 JSP语法[本章导读]有了前面的基础后，本章开始学习JSP语法。JSP页面主要由JSP元素和HTML代码构成，其中JSP代码完成相应的动态功能。JSP基础语法包括注释、指令、脚本以及动作元素，此外，JSP还提供了一些由容器实现和管理的内置对象。本章完整介绍了JSP的基本语法，并以实例加深理解。4.1 JSP语法概述在JSP页面中，可分为JSP程序代码和其他程序代码两部分。JSP程序代码全部写在<%和%>之间，其他代码部分如JavaScript和HTML代码按常规方式写入。换句话说，在常规页面中插入JSP元素，即构成了JSP页面。4.1.1 JSP工作原理当客户端请求浏览JS 阅读全文

第三章 JavaScript和Java语言

2011-07-04 09:34 by Rollen Holt, 5287 阅读, 收藏, 编辑
摘要： 第三章 JavaScript和Java语言[本章导读]为什么学习JSP之前必须掌握JavaScript和Java语言？因为JSP是基于Java语言的，JSP是Java的网络应用，所以理所当然要熟悉Java语言，而JavaScript是一种基于对象的脚本语言，主要负责客户端的界面控制等工作，能让你在开发过程中事半功倍，而且减轻服务器负荷。还能通过采用事件驱动机制，使其能在客户端（浏览器）与用户实现大量的交互，还能创建出惊人的特效。本章先介绍JavaScript的基本语法，然后介绍Java语言的具体特性。3.1 JavaScriptJavaScript是一种简洁的、面向对象的、跨平台的描述语言，和 阅读全文

第二章 JSP页面制作基础

2011-07-04 09:32 by Rollen Holt, 12064 阅读, 收藏, 编辑
摘要： 第二章 JSP页面制作基础[本章导读]JSP页面将Java代码嵌入到HTML脚本中，掌握HTML语言是学习JSP的基础。HTML是网页制作的一种规范，一种标准，它通过标记符来标记网页的各个部分。本章首先介绍用HTML制作网页的各种标记符的设置方法，接着介绍了CSS的基本概念和使用方法。此外，为了增强读者对网页制作的了解，介绍了Dreamweaver的使用方法。通过学习，读者可以使用Dreamweaver以及相关知识制作出简单精美的网页。2.1 HTML语言2.1.1 HTML概述HTML是Hyper TextMarkup Language的缩写，中文意思是超文本标记语言，几乎所有的网页都是以H 阅读全文

第一章 JSP和WEB应用程序

2011-07-04 09:30 by Rollen Holt, 4691 阅读, 收藏, 编辑
摘要： 第一章 JSP和WEB应用程序(由于图片太多，所以图片没有粘贴，大家可以自己运行代码)[本章导读]JSP是一种开发Web应用程序的新技术。自发布以来，它一直受到密切的关注。为什么JSP发展如此迅猛，原因之一是它基于Java技术，而Java极为适用于企业级计算。另一个原因在于JSP支持强大的Web应用程序开发模式，它可以把外观呈现与处理过程分隔开来，使得擅长图形制作、布局的网页设计师与精通服务器端技术（例如多线程，资源池， 数据库和高速缓存）的程序员能够协调地工作。尽管其他一些技术也支持类似的开发模式，例如ASP、PHP和ColdFusion ，但它们当中没有一种能提供JSP的所有优点。本章首先 阅读全文

jsp基础教程清华版源代码

2011-07-02 11:26 by Rollen Holt, 5622 阅读, 收藏, 编辑
摘要： 第1章 JSP概述例子1example1_1.jsp<%@ page contentType="text/html;charset=GB2312"%><HTML><BODY BGCOLOR=yellow><FONT Size=3><P>这是一个简单的JSP页面 <% int i, sum=0; for(i=1;i<=100;i++) { sum=sum+i; } %><P> 1到100的连续和是：<%=sum %></FONT></BODY>< 阅读全文

jsp学习1

2011-07-02 11:23 by Rollen Holt, 386 阅读, 收藏, 编辑
摘要： <%@ page contentType="text/html; charset=gb2312"%><html> <body><font size=5> <%! int i=9; %> <% i++; %> <p> you are the <%=i %> </p> </font> </body></html><%@page contentType="text/html; charset=gb2312" %& 阅读全文

从长春到北京－－“一个人的旅行” 第一篇

2011-07-01 22:29 by Rollen Holt, 574 阅读, 收藏, 编辑
摘要： 昨天为了不让同学送我，故意提前一个小时离开。到达火车站的时候已经不知道是几点了，只是知道那个时候车站的人还不是很多，温度也还行，于是就坐在候车厅的座位上拿起“新人入职宝典”看了起来。期间受到了很多朋友的祝福短信，基本都没有回，想一个人静静，很久没有这样的机会了。 这次带的行李算是我有史以来带的行李最 阅读全文