学习日记开源项目

学习日记开源项目

1、简介

    就是学习日记网站正在运行的这个基于JSP+STRUTS+MYSQL这个类似blog的web程序,目前以BSD形式的开源项目发布。详情请见我们的学习日记开源社区的项目概述。如果你有兴趣和时间的话,请加入我们吧。

2、练功场所

    1)、学习日记开源社区提供CVS库、bug跟踪系统、邮件列表等等;

    2)、学习日记开源社区提供给大家互相交流开发心得,为着把学习日记做成一个信息时代的学习交流平台而互相鼓励、互相帮助。

3、加入方式

    1)、如果您确定要成为一名学习日记开源平台的开发者,愿意向CVS库提交代码,请在开源社区注册一个用户(最好与123行动!网站的一样),并把你的相关情况(技术经历、加入目的、可以有多少参与开发的时间、愿意参与的模块、对学习日记开源项目的意见或建议、电子邮件等等)和开源社区注册名告知我们(在“123行动!成功互助组织”留言或通过开发社区的电子邮件),由我们审定并确定是否把您加为CVS库的代码提交者;

4、加入这个开源项目有什么回报吗?

    目前没有任何有形的回报,但任何人的细微贡献都会记录在案。

5、与学习日记开源项目有关的目标分类

   

    1)、大家如果有什么关于学习日记内容、形式、开发等创意的灵感可以以日记的形式记在这里供大家交流一下: 学习日记创意集锦,已有的创意

 

    2)、 学习日记项目需求分析设计阶段遇到的技术性问题和解决方案,和有关的学习资料、学习心得:学习日记开发小组需求分析设计区 ,已有的相关资料

 

    3)、在学习日记项目实施阶段遇到的技术性问题和解决方案,和有关的学习资料、学习心得:学习日记开发小组项目实施社区,已有的相关资料

 

    4)、用于汇总学习日记开发过程中的一些文档本站的一些历史文档,例如:贡献人员名单,具有阶段性意义的各种信件,项目开发计划,进度报表: 学习日记开发小组文档维护队工作区,已有的相关文档

程序员练功场答疑区

    在这里,您可以把您在程序员练功场中碰到的疑问以日记的形式提出来,我们程序员练功场聘请的顾问会来这里查看并也许会解答您的问题。

    但是,如果您需要某一位特定顾问的解答,请在私下与他联系。否则,您的疑问是向任何一位顾问提出。

    当然,在这一个答疑区中的问题也并不是只能由顾问解答,如果您知道某一个问题的答案或线索,诚恳的希望您能站出来说一下。这样也可以减少顾问们的劳动量。如果您的回答有什么错漏,别人也可以为您提出来。

程序员练功场

程序员练功场

1、简介

    以一个个小的目标为导向进行程序设计实战与交流。

2、练功场所

    1)、开源社区学习日记提供CVS库、bug跟踪系统、邮件列表等等;

    2)、交流场所学习日记网站提供大家互相交流练功心得,为着一个既定的程序设计目标互相鼓励、互相帮助。

3、加入方式

    1)、确定您想实现的一个程序设计目标,提出你的设想,然后把您的目标添加到行动网站的目标体系中

    2)、在“程序员练功场”中回复,告知你加入练功场的既定程序目标是哪一个;

    3)、别人如果对你的这个目标感兴趣的话,就可以加入这个目标(通过在首页上点击相应目标的加入按纽或者直接在相应的目标中写作日记),并在对应目标的评论中回复加入请求;

    4)、如果您的目标有必要建一个CVS库,根据您向本站提出的申请(请在留言板中留言),我们会在开源社区学习日记为您建一个仅加入成员可以看见的CVS库;

    5)、如果您确定在一个目标程序中向CVS库提交代码,请在开源社区注册注册一个用户(最好与123行动!网站的一样),并把你的相关情况和开源社区注册名告知目标的发起者(在对应目标的回复中或通过开发社区的电子邮件),由他审定把您加为CVS库的代码提交者;

4、练功成果处理

    由目标的发起人和参与者共同决定,原则上是作为开源项目提供给大家使用。作为开源项目后,根据目标发起人的申请,本站可以向开源社区提供者提出申请,把对应的目标项目转为公共开源项目(任何人都可见)。

5、诚恳邀请程序设计高手担任练功场顾问

    如果一群低手凑在一起为一个程序目标奋斗的过程中,能有先行者抽出宝贵的一点时间来为我们指点一二的话,也许我们会少走许多弯路。诚邀各路高手担任行动练功场的顾问,能抽点宝贵的时间来我们的程序员练功场答疑区指点一下正处于迷茫的我们。我们将感激不尽。您若有意成为我们的顾问,请在本站的留言板中留言。我们将把顾问名单和您愿意公布的个人资料公布在本站上。有一点,因为我们是非赢利性质的成功互助组织,所以目前没有任何有形的回报给你们,有的只是我们的一片感激之意。

附录:与程序设计相关的推荐学习目标


  1)学习软件工程

  2)学习UML建模

  3)学习设计模式

  4) java学习日记!

  5)JSP技术

  6)一起学习Struts(MVC)

  7)学习页面制作

  8)使用mysql数据库

  9)学习struts程序的测试技术

  10)jsp图形开发环境的学习

  11)学习cvs

  更多有用的程序设计相关目标等待着您的意见和建议。

本站帖子添加UBB语法标签支持

本站帖子添加UBB语法标签支持

    UBB标签就是不允许使用HTML语法的情况下,通过特殊转换程序,以至可以支持少量常用的、无危害性的HTML效果显示。我们的UBB标签转换引擎基于中国JAVA手机网的一个可扩展的高速UBB标签转换引擎扩展改造,特别向中国JAVA手机网表示感谢。

    本站目前支持下列UBB语法标签,并在继续完善中:

     下面的示范中冒号前面是功能说明,后面是效果显示。为了在本帖中示范用法,在最前面的半边方括号后额外的加了一个点号来避免UBB转换,实际使用时请取消点号。

    * [.b]文字加粗体效果[/b]:文字加粗体效果

    * [.i]文字加倾斜效果[/i]:文字加倾斜效果

    * [.u]文字加下划线效果[/u]:文字加下划线效果

    * [.size=4]改变文字大小[/size]:改变文字大小

    * [.color=red]改变文字颜色[/color]:改变文字颜色

    * [.face=黑体]改变文字字体[/face]:改变文字字体

    * [.align=center]文字居中[/align]:

文字居中

    * [.quote]这个标签是用来做为引用所设置的,如果你有什么内容是引用自别的地方,请加上这个标签![/quote]:

这个标签是用来做为引用所设置的,如果你有什么内容是引用自别的地方,请加上这个标签!

    * [.url]http://java.learndiary.com[/url]: http://java.learndiary.com

    * [.url=http://java.learndiary.com]JAVA学习日记[/url]:JAVA学习日记

    * [.download]http://java.learndiary.com/download/learndiaryV0.9.0.4.war[/download]:http://java.learndiary.com/download/learndiaryV0.9.0.4.war

    * [.download=http://java.learndiary.com/download/learndiaryV0.9.0.4.war]下载学习日记V0.9.0.4[/download]:下载学习日记V0.9.0.4

    * [.email=mdx-xx@tom.com]写信给我[/email]:写信给我

    * [.email]mdx-xx@tom.com[/email]:mdx-xx@tom.com

    * [.img]http://java.learndiary.com/pictures/bull_motor.gif[/img] :

在Linux环境中使用USB接口的存储设备(转帖)

在Linux环境中使用USB接口的存储设备

(转自:(赛迪网社区Linux俱乐部)http://bbs.ccidnet.com/showthread.php?threadid=211409)

如何在Linux环境中使用USB接口的存储设备?这是各大电脑论坛上出现得比较多的一个问题,同此可见这也是摆在许多电脑玩家面前的一道难题。本文就为您提供一套完美的解决方案,通过下面的方法,您仅可以在Linux环境中方便地使用U盘、USB硬盘盒,而且还能将数码相机作为USB大容量存储器。这里就以Red  Hat  Linux  7.2为例,来一步一步地介绍如何在Linux环境中使用USB存储器。

  1.在X-Windows环境中打开“控制中心”,展开“信息→USB设备”控制台树,查看Linux是否已经正确识别您的USB存储器,如果没有看到USB设备信息,那么您就应该要检查USB端口是否已经在BIOS中打开,或USB存储器与电脑的物理连接有没有连接好了。图1所示为笔者的 FinePix数码相机信息。


图1

  2.在控制台状态下输入如下命令:

  fdisk  -l  /dev/sda

  注意:不要在sda后面加通配符“*”或“?”,否则运行命令后返回的信息将不正常。如果您有多个USB设备话,则设备名在Linux下分别表示为sda、sdb、sdc等。

  运行上面的命令后,笔者的电脑上返回如图2所示信息,表示系统已经找到笔者的USB设备,设备名称为/dev/sda1、可启动(Boot下面的那个*表示是活动分区),容量8MB、文件系统为FAT12。


图2

  3.在/mnt目录下建立一个挂装USB存储器的目录:

  mkdir  /mnt/usb

  4.然后再运行装载设备命令,将USB设备挂装到/mnt/usb目录下:

  mount  -t  msdos  /dev/sda1  /mnt/usb 

  注意:如果在图2中显示您的USB设备的文件系统为FAT32,请使用mount  -t  vfat  /dev/sda1  /mnt/usb命令装载USB设备。

  5.运行如下命令即可查看USB存储器中的文件信息:

  ls  /mnt/usb

  然后您就可以像对待硬盘一样对USB存储器中的数据进行拷贝、删除等操作了。

  如果您不习惯于在控制台下敲敲打打,还可以在KDE桌面上建立一个指向USB存储器的快捷方式,用鼠标完成所有的文件操作,就像在Windows中一样简单,建立快捷方式的操作非常简单:用鼠标在桌面空白处单击鼠标,从弹出的快捷菜单中选择“新建/硬盘”,右键单击新创建的快捷方式,选择“属性”菜单命令,切换到“设备”选项卡,分别输入USB存储器的设备名称、安装点和文件系统类型,如图3所示。以后只需要单击该快捷方式即可方便地访问USB存储器了。


图3

制作网页过程中有些代码是经常要用到的 (转帖)

(转自:http://blog.phpwind.net/blog.php?do=showone&tid=4495)

闲趣的网络家园 http://闲趣.phpwind.net

首页 | 相册 | 留言 | 搜索 | 登陆 | 注册

  全部文章 | 论坛文集 | 技术反馈 | 个人空间 | 网文摘选 | 数码娱乐 | 技术资源 | 生活服务

制作网页过程中有些代码是经常要用到的

作者: 闲趣   发表日期: 2005-11-25 12:56   复制链接

1. 如何在网页中加入注释

◆代码:< !-- 这是注释 -->

2. 如何在网页中加入EMAIL链接并显示预定的主题

◆代码:< a href="mailto:yourmail at xxx dot xxx?Subject=你好">Send Mail< /a>

3. 如何制作电子邮件表单

◆在<form>中输入Action="youremail at XXX dot XXX" ,提交采用POST方法。

4. 如何避免别人将你的网页放入他的框架(FRAME)中

◆在源代码中的<HEAD>…< /HEAD>之间加入如下代码:

<script language="javascript"><!--

if (self!=top){ top.location=self.location; }

-->< /script>

5. 如何自动加入最后修改日期

◆在源代码中的<BODY>…< /BODY>之间加入如下代码:

< Script Language="javascript"><!--

document.write("Last Updated:"+document.lastModified);

-->< /Script>

6. 如何让背景图象不滚动

◆代码:<BODY Background="bg.gif" Bgproperties="fixed" >

◆在Dreamweaver中用「Text」-「Custom style」-「Edit style Sheet」-「New」-Redefine HTML Tag中选择Body,然后在Background中的Attachment里选fixed

7. 如何将网页定时关闭

◆在源代码中的<BODY>后面加入如下代码:

< script LANGUAGE="javascript"> <!--

setTimeout('window.close();', 60000);

--> < /script>

在代码中的60000表示1分钟,它是以毫秒为单位的。

8. 将网页加入收藏夹

◆请使用如下代码:(注意标点符号)

< a href='#' onclick="window.external.addFavorite('http://hxsd.126.com','【火星时代】hxsd.126.com 各种网页工具教程DW、FLASH、FIREWORKS及CGI教学、聊天交友……')" target="_top">将本站加入收藏夹< /a>

9. 如何定义网页的关键字(KeyWords)

◆格式如下:

< meta name="keywords" content="dreamweaver,flash,fireworks">

content中的即为关键字,用逗号隔开

◆在Dreamweaver中用「Insert」-「Head」-KeyWords命令

10. 如何设置命令来关闭打开的窗口

◆在源代码中加入如下代码:

< a href="/" onclick="javascript:window.close(); return false;">关闭窗口< /a>

11. 如何在网页中加入书签,在页面内任意跳转

◆在源代码中需要插入书签的地方输入,在调用的地方输入Top,其中的top是你设定的书签名字。

◆在Dreamweaver中用菜单的「Insert」-「Name Anchor」命令插入书签,调用时,在Link中输入#top,top为书签名。

12. 如何为不支持框架的浏览器指定内容

◆在源代码中加入下面代码:

< BODY><noframes>本网页有框架结构,请下载新的浏览器观看< /noframes></ BODY>

13. 如何在网页中加入单个或几个空格

◆在源代码中输入 ,每个 之间请用空格分开。

◆在Dreamweaver中用<CTRL>+<SHIFT>+<SPACE>插入空格或任输几个字符,然后将其色彩设成背景的色彩!

14. 如何在网页中加入书签,在多个页面之间任意跳转

◆方法与上面类似,不过做链接时要在书签名前加上网页文件名,如:other.htm#top,这样一来就会跳转到other.htm页面中的top书签处。

15. 如何使表格(TABLE)没有边框线

◆将表格的边框属性:border="0"

16. 如何隐藏状态栏里出现的LINK信息

◆请使用如下代码:

< a href="http://hxsd.126.com";;; onmouseOver="window.status='none'return true">火星时代< /a>

17. 如何定时载入另一个网页内容

◆在源代码中的<HEAD>…< /HEAD> 加入如下代码:

< meta http-equiv="refresh" content="40;URL=http://hxsd.126.com">

40秒后将自动载入http://hxsd.126.com所在的网页

18. 如何为网页设置背景音乐

◆代码:< EMBED src="music.mid" autostart="true" loop="2" width="80" height="30" >

src:音乐文件的路径及文件名;

autostart:true为音乐文件上传完后自动开始播放,默认为false(否)

loop:true为无限次重播,false为不重播,某一具体值(整数)为重播多少次

volume:取值范围为"0-100",设置音量,默认为系统本身的音量

starttime:"分:秒",设置歌曲开始播放的时间,如,starttime="00:10",从第10开始播放

endtime: "分:秒",设置歌曲结束播放的时间

width:控制面板的宽

height:控制面板的高

controls:控制面板的外观

controls="console/smallconsole/playbutton/pausebutton/stopbutton/volumelever"

console:正常大小的面板

smallconsole:较小的面板

playbutton:显示播放按钮

pausebutton:显示暂停按钮

stopbutton:显示停止按钮

volumelever:显示音量调节按钮

hidden:为true时可以隐藏面板

19. 如何去掉链接的下划线

◆在源代码中的<HEAD>…</HEAD>之间输入如下代码:

<style type="text/css"> <!--

a { text-decoration: none }

--> < /style>

◆在Dreamweaver中用「Text」-「Custom style」-「Edit style Sheet」-「New」-Redefine HTML Tag中选择a,然后在decoration中选中none

20. timeline中的layer走曲线

◆要使得timeline中的layer走曲线,你得先让他走出直线来,然后在最后一frame和第一frame中间的任何一frame上点右键,可以看到有个 add keyframe ,点一下,然后把你的layer移动到你要的位置,dw会自动生成曲线,ok!

21. 打开自定义大小窗口

◆在head中添加代码: <script language="JavaScript" type="text/JavaScript">

function open1(url)

{

var x,y;

x=window.event.screenX-8;

y=window.event.screenY-50;

var ss;

ss="Left=" + x + ",Top=" + y + ",Height=100,width=100,toolbar=no,scrollbars=yes";

window.open(url,"",ss);

}

</script>

*如果是打开两个不互相替换的窗口则添加一个不同名字的function即可,例如:

<script language="JavaScript" type="text/JavaScript">

function open1(url)

{

var x,y;

x=window.event.screenX-8;

y=window.event.screenY-50;

var ss;

ss="Left=" + x + ",Top=" + y + ",Height=100,width=100,toolbar=no,scrollbars=yes";

window.open(url,"",ss);

}

function open2(url)

{

var x,y;

x=window.event.screenX-8;

y=window.event.screenY-50;

var ss;

ss="Left=" + x + ",Top=" + y + ",Height=100,width=100,toolbar=no,scrollbars=yes";

window.open(url,"",ss);

}

</script>

然后在下面要连接的地方写如下代码:

<A href="#"

onclick="open1('路径/连接1.htm')">连接1</A>

<A href="#"

onclick="open2('路径/连接2.htm')">连接2</A>

如是点击Flash按钮,则在显示页的HEAD中写

<script language="JavaScript">

function openNewWindow(URLtoOpen, windowName, windowFeatures) { newWindow=window.open(URLtoOpen, windowName, windowFeatures); }

</script>

在flash 的按钮上写

on (press) {

getURL("javascriptpenNewWindow(要打开的页名.htm','words','height=446,width=720,toolbar=no,scrollbars=no')";

}

22、打开一个没有最大化、最小化,只有关闭按钮的窗口

◆复制代码到head中

<script>

function modelesswin(url,mwidth,mheight){

if (document.all&&window.print) //if ie5

eval('window.showModelessDialog(url,"","help:0;resizable:1;dialogWidth:'+mwidth+'px;dialogHeight:'+mheight+'px"')

else

eval('window.open(url,"","width='+mwidth+'px,height='+mheight+'px,resizable=1,scrollbars=1"')

}

//configure URL and window dimensions (width/height)

modelesswin("http://google.com",600,600)

//To load via link, use something like below:

//<a href="javascript:modelesswin('http://yahoo.com',600,400)">Click here</a>

</script>

23、直接点击链接关闭窗口

举个例子比较方便理解````

◆<SCRIPT language=JavaScript>

function shutwin(){

window.close();

return; }

</SCRIPT>

<P align=center><A href="javascript:shutwin();">关闭本窗口</A></P></BODY></HTML>

24、弹启一个全屏窗口

◆window.open('http://www.hxsd.com','example01','fullscreen')

<html>

<body onload="window.open(' http://www.hxsd.com','example01','fullscreen');">

<b>www.hxsd.com</b>

</body>

</html>

hoho~~~好像触摸屏

25、弹启一个被F11化后的窗口

◆window.open('http://www.hxsd.com','example02','channelmode')

<html>

<body onload="window.open(' http://www.hxsd.com','example02','channelmode');">

<b>www.hxsd.com</b>

</body>

</html>

26、弹启一个带有收藏链接工具栏的窗口

◆window.open('http://www.hxsd.com','example03','width=400,height=300,directories')

<html>

<body onload="window.open('http://www.hxsd.com','example03','width=400,height=300,directories');">

<b>www.hxsd.com</b>

</body>

</html>

27. 在打开页面同时弹出无边框全屏窗口

◆ 加入到< body>和< /body>之间

<script>

var tmp=window.open("about:blank","",

"fullscreen=1")

tm 

p.moveTo(100,100)

tmp.resizeTo(600,400)

tmp.focus()

tmp.location="http://hxsd.com(要打开的窗口页文件)"

</script>

28. 鼠标移动到图片上图片渐显效果

◆在<head>到</head>之间插入如下的JAVASCRIPT代码:

<script>

nereidFadeObjects = new Object();

nereidFadeTimers = new Object();

function nereidFade(object, destOp, rate, delta){

if (!document.all)

return

if (object != "[object]"){

setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);

return;

}

clearTimeout(nereidFadeTimers[object.sourceIndex]);

diff = destOp-object.filters.alpha.opacity;

direction = 1;

if (object.filters.alpha.opacity > destOp){

direction = -1;

}

delta=Math.min(direction*diff,delta);

object.filters.alpha.opacity+=direction*delta;

if (object.filters.alpha.opacity != destOp){

nereidFadeObjects[object.sourceIndex]=object;

nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);

}

}

</script>

在要插入的图片添加如下代码:

<img onMouseOut=nereidFade(this,50,10,4) onMouseOver=nereidFade(this,100,10,4) style="FILTER: alpha(opacity=50)" src="图片名">

*其中onMouseOver=nereidFade(this,50,10,4)中 style="FILTER: alpha(opacity=50)"表示图片的透明度为50%

29. 背景色渐变

例子:

◆复制下面的代码到的 html 文件的 <head> 和 </head> 之间:

<script language="JavaScript">

<!--

//这里可以修改你的初始颜色;RGB颜色值。

r=255;

g=255;

b=255;

flag=0;

t=new Array;

o=new Array;

d=new Array;

function hex(a,c)

{

t[a]=Math.floor(c/16)

o[a]=c%16

switch (t[a])

{

case 10:

t[a]='A';

break;

case 11:

t[a]='B';

break;

case 12:

t[a]='C';

break;

case 13:

t[a]='D';

break;

case 14:

t[a]='E';

break;

case 15:

t[a]='F';

break;

default:

break;

}

switch (o[a])

{

case 10:

o[a]='A';

break;

case 11:

o[a]='B';

break;

case 12:

o[a]='C';

break;

case 13:

o[a]='D';

break;

case 14:

o[a]='E';

break;

case 15:

o[a]='F';

break;

default:

break;

}

}

function ran(a,c)

{

if ((Math.random()>2/3||c==0)&&c<255)

{

c++

d[a]=2;

}

else

{

if ((Math.random()<=1/2||c==255)&&c>0)

{

c--

d[a]=1;

}

else d[a]=0;

}

return c

}

function do_it(a,c)

{

if ((d[a]==2&&c<255)||c==0)

{

c++

d[a]=2

}

else

if ((d[a]==1&&c>0)||c==255)

{

c--;

d[a]=1;

}

if (a==3)

{

if (d[1]==0&&d[2]==0&&d[3]==0)

flag=1

}

return c

}

function disco()

{

if (flag==0)

{

r=ran(1, r);

g=ran(2, g);

b=ran(3, b);

hex(1,r)

hex(2,g)

hex(3,b)

document.bgColor="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]

flag=50

}

else

{

r=do_it(1, r)

g=do_it(2,g)

b=do_it(3,b)

hex(1,r)

hex(2,g)

hex(3,b)

document.bgColor="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]

flag--

}

if (document.all)

setTimeout('disco()',50)

}

//-->

</script>

用<body onload="disco()">替换原有的<BODY.>

使用说明:通过修改中的红色字你可以修改你的初始颜色;RGB颜色值

31. 表格的分隔线可以隐藏

◆<table border rules=cols cellspacing=0 align=left> 可以隐藏横向的分隔线

<table border rules=rows cellspacing=0 align=right>可以隐藏纵向的分隔线

<table border rules=none cellspacing=0 align=center>可以隐藏横向和纵向的分隔线

32. 表格的分隔线闪烁

◆在BODY区加上

<table border="0" width="280" id="myexample"

style="border:5px solid yellow">

<tr>

<td>加入任意的物件.加入任意的物件.

<br>加入任意的物件.加入任意的物件.

<br>加入任意的物件.加入任意的物件.</td>

</tr>

</table>

<script language="JavaScript1.2">

<!--

function fla****(){

if (!document.all)

return

if (myexample.style.borderColor=="yellow")

myexample.style.borderColor="lime"

else

myexample.style.borderColor="yellow"

}

setInterval("fla****()", 500)

//-->

</script>

33. 背景音乐可以控制

◆放在 <BODY> 和 </BODY> 之间

<EMBED SRC="001.mid" WIDTH=145 HEIGHT=60>

就会出现一个控制面版让你播放音乐,如果要把音乐当作背景音乐来用,也就是不要显示控制面板。而且一进入画面就要播放,然后一直重复。就要这样写

<EMBED src="ch35.mid" autostart="true" loop="2" width="80" height="30">

关于embed还有很多属性

autostart:true为音乐文件上传完后自动开始播放,默认为false(否)

loop:true为无限次重播,false为不重播,某一具体值(整数)为重播多少次

volume:取值范围为"0-100",设置音量,默认为系统本身的音量

starttime:"分:秒",设置歌曲开始播放的时间,如,starttime="00:10",从第10开始播放

endtime: "分:秒",设置歌曲结束播放的时间

width:控制面板的宽

height:控制面板的高

controls:控制面板的外观

controls="console/smallconsole/playbutton/pausebutton/stopbutton/volumelever"

console:正常大小的面板

smallconsole:较小的面板

playbutton:显示播放按钮

pausebutton:显示暂停按钮

stopbutton:显示停止按钮

volumelever:显示音量调节按钮

hidden:为true时可以隐藏面板

34. 自适应图片大小的弹出窗口

◆实现此功能的最简单作法是用以下HTML代码创建一个图像链接:

  <a href="fullsize.jpg" target="_blank"><img src="small.jpg"></a>

  其中<a>标记的href属性指定全尺寸图片的URL,target属性设置为_blank指定在新窗口中显示该图片;<img>标记的src属性指定缩略图的URL。

  如果想对显示全尺寸图片的窗口的外观进行某些控制(比如希望弹出窗口的高度、宽度能与全尺寸图片的大小匹配时),则可调用 window.open 方法,该方法接收三个参数,分别指定要打开文件的URL,窗口名及窗口特性,在窗口特性参数中可指定窗口的高度、宽度,是否显示菜单栏、工具栏等。以下代码将显示全尺寸图片在一个没有工具栏、地址栏、状态栏、菜单栏,宽、高分别为400、350的窗口中:

<a href="fullsize.jpg" onClick="window.open(this.href,'', 'height=350,width=400,toolbar=no,location=no,status=no,menubar=no');return false"><img src="small.jpg"></a>

  如果所有全尺寸图片都具有统一的大小(比如都是400x350),那么以上代码适用于所有的缩略图片链接(只是href属性指向的全尺寸图片文件不同)。但如果全尺寸图片的大小并不统一,还用以上代码则我们需要先取得每幅全尺寸图片的大小,然后在window.open方法的窗口特性参数中一一设置height和width为正确的值,在图片数量较多的情况下,这显然效率太低了。可以使用 DHTML 中的 Image 对象来达到目的,Image 对象可动态装载指定的图片,通过读取其 width 和 height 属性即能获得装入图片的大小,以此来设置弹出窗口的大小,即可实现自适应图片大小的弹出窗口了。下面即是实现代码:

<script language="JavaScript" type="text/JavaScript">

<!--

var imgObj;

function checkImg(theURL,winName){

// 对象是否已创建

if (typeof(imgObj) == "object"){

// 是否已取得了图像的高度和宽度

if ((imgObj.width != 0) && (imgObj.height != 0))

// 根据取得的图像高度和宽度设置弹出窗口的高度与宽度,并打开该窗口

// 其中的增量 20 和 30 是设置的窗口边框与图片间的间隔量

OpenFullSizeWindow(theURL,winName, ",width=" + (imgObj.width+20) + ",height=" + (imgObj.height+30));

else

// 因为通过 Image 对象动态装载图片,不可能立即得到图片的宽度和高度,所以每隔100毫秒重复调用检查

setTimeout("checkImg('" + theURL + "','" + winName + "')", 100)

}

}

function OpenFullSizeWindow(theURL,winName,features) {

var aNewWin, sBaseCmd;

// 弹出窗口外观参数

sBaseCmd = "toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,";

// 调用是否来自 checkImg

if (features == null || features == ""){

// 创建图像对象

imgObj = new Image();

// 设置图像源

imgObj.src = theURL;

// 开始获取图像大小

checkImg(theURL, winName)

}

else{

// 打开窗口

aNewWin = window.open(theURL,winName, sBaseCmd + features);

// 聚焦窗口

aNewWin.focus();

}

}

//-->

</script>

  使用时将上面的代码放在网页文档的<head></head>标记对中,然后在链接的点击事件中调用OpenFullSizeWindow函数,如<a href="fullsize.jpg" onClick="OpenFullSizeWindow(this.href,'','');return false"><img src="small.jpg"></a>即可。

  以上代码在IE 5.x-6.0中测试通过:)

35.时间日期代码 ~~~~~~~~~~

001说明 数字化的时钟

效果 现在时刻:0:12:31

<span id="liveclock" style"=width: 109px; height: 15px"></span>

<SCRIPT language=javascript>

function www_helpor_net()

{

var Digital=new Date()

var hours=Digital.getHours()

var minutes=Digital.getMinutes()

var seconds=Digital.getSeconds()

if(minutes<=9)

minutes="0"+minutes

if(seconds<=9)

seconds="0"+seconds

myclock="现在时刻:<font size='5' face='Arial black'>"+hours+":"+minutes+":"+seconds+"</font>"

if(document.layers){ document.layers.liveclock.document.write(myclock)

document.layers.liveclock.document.close()

}else if(document.all)

liveclock.innerHTML=myclock

setTimeout("www_helpor_net()",1000)

}

www_helpor_net();

//-->

</SCRIPT>

002说明 六种风格时间显示,一定有你喜欢的!

效果 风格一: 星期三,4月21日,2004年

风格二: 0:12:45上午

风格三: 星期三,4月21日,2004年 0:12:45上午

风格四: 4/21/04

风格五: 0:12:45

风格六: Wed Apr 21 00:12:45 UTC+0800 2004

<SCRIPT language="javascript">

<!--

function initArray()

{

for(i=0;i<initArray.arguments.length;i++)

this=initArray.arguments;

}

var isnMonths=new initArray("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");

var isnDays=new initArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日");

today=new Date();

hrs=today.getHours();

min=today.getMinutes();

sec=today.getSeconds();

clckh=""+((hrs>12)?hrs-12:hrs);

clckm=((min<10)?"0":"")+min;clcks=((sec<10)?"0":"")+sec;

clck=(hrs>=12)?"下午":"上午";

var stnr="";

var ns="0123456789";

var a="";

function getFullYear

{

yr=d.getYear();if(yr<1000)

yr+=1900;return yr; }

document.write("<table>");

//下面各行分别是一种风格,把不需要的删掉即可

document.write("<TR><TD>风格一:</TD><TD>"+isnDays[today.getDay()]+","+isnMonths[today.getMonth()]+""+today.getDate()+"日,"+getFullYear(today)+"年");

document.write("<TR><TD>风格二:</TD><TD>"+clckh+":"+clckm+":"+clcks+""+clck+"</TD></TR>");

document.write("<TR><TD>风格三:</TD><TD>"+isnDays[today.getDay()]+","+isnMonths[today.getMonth()]+""+today.getDate()+"日,"+getFullYear(today)+"年 "+clckh+":"+clckm+":"+clcks+""+clck+"</TD></TR>");

document.write("<TR><TD>风格四:</TD><TD>"+(today.getMonth()+1)+"/"+today.getDate()+"/"+(getFullYear(today)+"").substring(2,4)+"</TD></TR>");

document.write("<TR><TD>风格五:</TD><TD>"+hrs+":"+clckm+":"+clcks+"</TD></TR>");

document.write("<TR><TD VALIGN=TOP>风格六:</TD><TD>"+today+"</TD></TR>");

document.write("</table>");

//-->

</SCRIPT>

003说明 显示他人在页面停留的时间,而且可以作出提醒

效果 您在本站逗留了

您在本站逗留了<input type="text" name="helpor_net" size="15" style="border: 0 ">

<SCRIPT language="javascript">

<!--

var sec=0;

var min=0;

var hou=0;

flag=0;

idt=window.setTimeout("www_helpor_net();",1000);

function www_helpor_net()

{

sec++;

if(sec==60){ sec=0;min+=1; }

if(min==60){ min=0;hou+=1; }

if((min>0)&&(flag==0))

{

window.alert("您刚刚来了1分钟!可别急着走开,还有好多好东东等着您呢!--站长");

flag=1;

}

helpor_net.value=hou+"小时"+min+"分"+sec+"秒";

idt=window.setTimeout("www_helpor_net();",1000);

}

//-->

</SCRIPT>

004说明 这个时钟是有影子的,而且还在不停地走着呢

效果 00:14:3300:14:33

<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:'Arial black';color:#cccccc;font-size:20px;top:50px;left:173px"></div>

<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:'Arial black';color:#000000;font-size:20px;top:48px;left:170px"></div>

<div id="mainbody" style="position:absolute; visibility:visible">

</div>

<script language=javaScript>

<!--

function www_helpor_net() {

thistime= new Date()

var hours=thistime.getHours()

var minutes=thistime.getMinutes()

var seconds=thistime.getSeconds()

if (eval(hours) <10) { hours="0"+hours }

if (eval(minutes) < 10) { minutes="0"+minutes }

if (seconds < 10) { seconds="0"+seconds }

thistime = hours+":"+minutes+":"+seconds

if(document.all) {

bgclocknoshade.innerHTML=thistime

bgclockshade.innerHTML=thistime

}

if(document.layers) {

document.bgclockshade.document.write('<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Verdana;color:FFAAAAA;font-size:20px;top:10px;left:152px">'+thistime+'</div>')

document.bgclocknoshade.document.write('<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;colorDDDDD;font-size:20px;top:8px;left:150px">'+thistime+'</div>')

document.close()

}

var timer=setTimeout("www_helpor_net()",200)

}

www_helpor_net();

//-->

</script>

005说明 年月日都是用全中文显示

效果 公元二零零三年四月二十一日

<script language="JavaScript">

<!--

function number(index1){

var numberstring="一二三四五六七八九十";

if(index1 ==0) { document.write("十") }

if(index1 < 10){

document.write(numberstring.substring(0+(index1-1),index1)) }

else if(index1 < 20 ){

document.write("十"+numberstring.substring(0+(index1-11),(index1-10))) }

else if(index1 < 30 ){

document.write("二十"+numberstring.substring(0+(index1-21),(index1-20))) }

else{

document.write("三十"+numberstring.substring(0+(index1-31),(index1-30))) }

}

var today1 = new Date()

var month = today1.getMonth()+1

var date = today1.getDate()

var day = today1.getDay()

document.write("公元二零零三年")

number(month)

document.write("月")

number(date)

document.write("日")

//-->

</script>

006美女时钟

</SPAN><SPAN id=_ctl0__ctl10_lblContent style="TABLE-LAYOUT: fixed; FONT-SIZE: 14px; WORD-BREAK: break-all; LINE-HEIGHT: 150%"><EMBED src=http://www.twinsbbs.com/swf/clock.swf type=application/x-shockwave-flash></EMBED></SPAN></TD> </TR></TABLE>

<SCRIPT language=javascript>

<!--

var s=document.all("_ctl0__ctl10_lblContent").innerText;

if(s=="当前您正处于安全模式,无法显示文章内容!")document.all("_ctl0__ctl10_lblContent").outerHTML="<span style='color:red;font-size:12px;border:1px black solid;background-color:#cccccc'>"+s+"</span>";

//-->

</SCRIPT>

<BR>

<TABLE width="100%">

<TBODY>

<TR>

<TD></TD></TR>

<TR>

<TD></TD></TR></TBODY></TABLE>

UBB 语法(转帖)

UBB语法(http://bbs.dvbbs.net/boardhelp.asp?boardid=0&act=3&title=UBB%D3%EF%B7%A8)

论坛可以由管理员设置是否支持UBB标签,UBB标签就是不允许使用HTML语法的情况下,通过论坛的特殊转换程序,以至可以支持少量常用的、无危害性的HTML效果显示。以下为具体使用说明:

文字:在文字的位置可以任意加入您需要的字符,显示为粗体效果。

效果:文字

文字:在文字的位置可以任意加入您需要的字符,显示为斜体效果。

效果:文字

文字:在文字的位置可以任意加入您需要的字符,显示为下划线效果。

效果:文字

文字

:在文字的位置可以任意加入您需要的字符,center位置center表示居中,left表示居左,right表示居右。

效果:文字

HTTP://WWW.ASPSKY.NET

效果:HTTP://WWW.ASPSKY.NET

动网先锋:有两种方法可以加入超级连接,可以连接具体地址或者文字连接。

效果:动网先锋

aspmaster@cmmail.com

效果:aspmaster@cmmail.com

沙滩小子:有两种方法可以加入邮件连接,可以连接具体地址或者文字连接。

效果:沙滩小子

:在标签的中间插入图片地址可以实现插图效果。

效果:

[flash]http://bbs.dvbbs.net/ad/banner02.swf[/Flash]:在标签的中间插入Flash图片地址可以实现插入Flash。

效果:

引用

:在标签的中间插入文字可以实现HTMl中引用文字效果。

效果:

引用

[fly]文字[/fly]:在标签的中间插入文字可以实现文字飞翔效果,类似跑马灯。

效果:

文字

[move]文字[/move]:在标签的中间插入文字可以实现文字移动效果,为来回飘动。

效果:

文字

[glow=255,red,2]文字[/glow]:在标签的中间插入文字可以实现文字发光特效,glow内属性依次为宽度、颜色和边界大小。

效果:

文字

[shadow=255,red,2]文字[/shadow]:在标签的中间插入文字可以实现文字阴影特效,shadow内属性依次为宽度、颜色和边界大小。

效果:

文字

文字:输入您的颜色代码,在标签的中间插入文字可以实现文字颜色改变。

color="#FF0000"效果:文字

文字:输入您的字体大小,在标签的中间插入文字可以实现文字大小改变。

size=5效果:文字

隶书:输入您需要的字体,在标签的中间插入文字可以实现文字字体转换。

效果:文字

[DIR=500,350]http://[/DIR]:为插入shockwave格式文件,中间的数字为宽度和长度

[RM=500,350,1]http://[/RM]:为插入realplayer格式的rm文件,数字分别为宽度、长度、播放模式

[MP=500,350,1]http://[/MP]:为插入为midiaplayer格式的文件,数字分别为宽度、长度、播放模式

[QT=500,350]http://[/QT]:为插入为Quick time格式的文件,中间的数字为宽度和长度

这是对应的源代码:

<table border="0" cellpadding="3" cellspacing="1" class="tableborder1" Style="width:100%;height:100%" align=center>

<tr><th height=23>UBB语法</th></tr>

<tr><td class=tablebody1><br><style type=text/css>

.quote{

margin:5px 20px;border:1px solid #CCCCCC;padding:5px; background:#F3F3F3

}

</style>

<p>论坛可以由管理员设置是否支持UBB标签,UBB标签就是不允许使用HTML语法的情况下,通过论坛的特殊转换程序,以至可以支持少量常用的、无危害性的HTML效果显示。以下为具体使用说明:

<p><font color="red"></font>文字<font color="red"></font>:在文字的位置可以任意加入您需要的字符,显示为粗体效果。<DIV class=quote >效果:<b>文字</b></DIV>

<p><font color="red"></font><i>文字</i><font color="red"></font>:在文字的位置可以任意加入您需要的字符,显示为斜体效果。<DIV class=quote >效果:<i>文字</i></DIV>

<p><font color="red"></font><u>文字</u><font color="red"></font>:在文字的位置可以任意加入您需要的字符,显示为下划线效果。<DIV class=quote >效果:<u>文字</u></DIV>

<p><font color="red">

</font>文字<font color="red">

</font>:在文字的位置可以任意加入您需要的字符,center位置center表示居中,left表示居左,right表示居右。<DIV class=quote align="center">效果:文字</DIV>

<p><font color="red"></font>HTTP://WWW.ASPSKY.NET<font color="red"></font><DIV class=quote >效果:<a href="HTTP://WWW.ASPSKY.NET">HTTP://WWW.ASPSKY.NET</a></DIV>

<p><font color="red"></font>动网先锋<font color="red"></font>:有两种方法可以加入超级连接,可以连接具体地址或者文字连接。<DIV class=quote >效果:<a href="HTTP://WWW.ASPSKY.NET">动网先锋</a></DIV>

<p><font color="red"></font>aspmaster@cmmail.com<font color="red"></font><DIV class=quote >效果:<a href="mailto:aspmaster@cmmail.com">aspmaster@cmmail.com</a></DIV>

<p><font color="red"></font>沙滩小子<font color="red"></font>:有两种方法可以加入邮件连接,可以连接具体地址或者文字连接。<DIV class=quote >效果:<a href="mailto:aspmaster@cmmail.com">沙滩小子</a></DIV>

<p><font color="red"></font>:在标签的中间插入图片地址可以实现插图效果。<DIV class=quote >效果:<img src="http://www.aspsky.net/images/asp.gif" width="88" height="31"></DIV>

<p><font color="red">[flash]</font>http://bbs.dvbbs.net/ad/banner02.swf<font color="red">[/Flash]</font>:在标签的中间插入Flash图片地址可以实现插入Flash。<DIV class=quote >效果:<embed src="http://bbs.dvbbs.net/ad/banner02.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="468" height="60"></embed></DIV>

<p><font color="red">

</font>引用<font color="red">

</font>:在标签的中间插入文字可以实现HTMl中引用文字效果。<DIV class=quote >效果:<DIV class=quote >引用</DIV></DIV>

<p><font color="red">[fly]</font>文字<font color="red">[/fly]</font>:在标签的中间插入文字可以实现文字飞翔效果,类似跑马灯。<DIV class=quote >效果:<marquee behavior="alternate">文字</marquee></DIV>

<p><font color="red">[move]</font>文字<font color="red">[/move]</font>:在标签的中间插入文字可以实现文字移动效果,为来回飘动。<DIV class=quote >效果:<marquee>文字</marquee></DIV>

<p><font color="red">[glow=255,red,2]</font>文字<font color="red">[/glow]</font>:在标签的中间插入文字可以实现文字发光特效,glow内属性依次为宽度、颜色和边界大小。<DIV class=quote >效果:<div style="width:255px;filter:glow(color=red, strength=2)">文字</div></DIV>

<p><font color="red">[shadow=255,red,2]</font>文字<font color="red">[/shadow]</font>:在标签的中间插入文字可以实现文字阴影特效,shadow内属性依次为宽度、颜色和边界大小。<DIV class=quote >效果:<div style="width:255px;filter:shadow(color=red, strength=2);">文字</div></DIV>

<p><font color="red"></font>文字<font color="red"></font>:输入您的颜色代码,在标签的中间插入文字可以实现文字颜色改变。<DIV class=quote ><font COLOR="#0000c0">color=</font>"#FF0000"效果:<font color="#FF0000">文字</font></DIV>

<p><font color="red"></font>文字<font color="red"></font>:输入您的字体大小,在标签的中间插入文字可以实现文字大小改变。<DIV class=quote ><font color="red">size=5</font>效果:<font size="5">文字</font></DIV>

<p><font color="red"></font>隶书<font color="red"></font>:输入您需要的字体,在标签的中间插入文字可以实现文字字体转换。<DIV class=quote >效果:<font face="隶书">文字</font></DIV>

<p><font color="red">[DIR=500,350]</font>http://<font color="red">[/DIR]</font>:为插入shockwave格式文件,中间的数字为宽度和长度<p><font color="red">[RM=500,350,1]</font>http://<font color="red">[/RM]</font>:为插入realplayer格式的rm文件,数字分别为宽度、长度、播放模式<p><font color="red">[MP=500,350,1]</font>http://<font color="red">[/MP]</font>:为插入为midiaplayer格式的文件,数字分别为宽度、长度、播放模式

<p><font color="red">[QT=500,350]</font>http://<font color="red">[/QT]</font>:为插入为Quick time格式的文件,中间的数字为宽度和长度</p></br></td>

</tr></table>

marquee标签的用法(含转帖:会移动的文字(Marquee))

  今天,从朋友那里学到了让鼠标指到marquee的内容时,移动的内容即停下来;离开了就继续移动的用法。如下:

  <marquee scrollamount=3 onmouseover=this.stop(); onmouseout=this.start();>(即本站公告牌的用法)

  其中,scrollamount是控制内容的移动速度的。onmouseover和onmouseout可能是javascript语法,不懂,可能是在html中所有的元素中都可以使用的语法吧?

  下面转帖一篇来自网上的介绍marquee用法的完整文章:(转自:http://www.lib.tsinghua.edu.cn/chinese/INTERNET/HTML/Normal/marquee.html)

会移动的文字(Marquee)

--------------------------------------------------------------------------------

 

 基本语法

<marquee> ... </marquee>

<marquee>啦啦啦,我会移动耶!</marquee>

啦啦啦,我会移动耶!

文字移动属性的设置

方向 <direction=#> #=left, right

<marquee direction=left>啦啦啦,我从右向左移!</marquee> <P>

<marquee direction=right>啦啦啦,我从左向右移!</marquee>

啦啦啦,我从右向左移!

啦啦啦,我从左向右移!

方式 <bihavior=#> #=scroll, slide, alternate

<marquee behavior=scroll>啦啦啦,我一圈一圈绕着走!</marquee> <P>

<marquee behavior=slide>啦啦啦,我只走一次就歇了!</marquee> <P>

<marquee behavior=alternate>啦啦啦,我来回走耶!</marquee>

啦啦啦,我一圈一圈绕着走!

啦啦啦,我只走一次就歇了!

啦啦啦,我来回走耶!

循环 <loop=#> #=次数;若未指定则循环不止(infinite)

<marquee loop=3 width=50% behavior=scroll>啦啦啦,我只走 3 趟哟!</marquee> <P>

<marquee loop=3 width=50% behavior=slide>啦啦啦,我只走 3 趟哟!</marquee> <P>

<marquee loop=3 width=50% behavior=alternate>啦啦啦,我只走 3 趟哟!</marquee>

啦啦啦,我只走 3 趟哟!

啦啦啦,我只走 3 趟哟!

啦啦啦,我只走 3 趟哟!

速度 <scrollamount=#>

<marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee>

啦啦啦,我走得好快哟!

延时 <scrolldelay=#>

<marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>

啦啦啦,我走一步,停一停!

 外观(Layout)设置

对齐方式(Align) <align=#> #=top, middle, bottom

<font size=6>

<marquee align=# width=400>啦啦啦,我会移动耶!</marquee>

</font>

对齐上沿、中间、下沿。

啦啦啦,我会移动耶!对齐上沿。

啦啦啦,我会移动耶!对齐中间。

啦啦啦,我会移动耶!对齐下沿。

底色 <bgcolor=#>

#=rrggbb 16 进制数码,或者是下列预定义色彩:

Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,

Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

<marquee bgcolor=aaaaee>啦啦啦,我会移动耶!</marquee>

啦啦啦,我会移动耶!

面积 <height=# width=#>

<marquee height=40 width=50% bgcolor=aaeeaa>

啦啦啦,我会移动耶!

</marquee>

啦啦啦,我会移动耶!

空白(Margins)<hspace=# vspace=#>

********************************************<br>

嗨,

<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>啦啦啦,我会移动耶!</marquee>

大家好!<br>

********************************************

********************************************

嗨, 啦啦啦,我会移动耶!大家好!

********************************************

--------------------------------------------------------------------------------

 HTML Design Guide Main Page

Contents || Page || Font || Text Style || Image || Form || Table || Table Advanced

|| Frames || Marquee || Alternative Inline Elements

Tag Index || What's New

Network Communication Design

http://ncdesign.kyushu-id.ac.jp/

C&P 1994-1996 Yuriko Ienaga v91102@vgenda.kyushu-id.ac.jp