博客 (753)

代码

<div id="webjx"></div>
<script>
setInterval("webjx.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
</script>
效果
4,106

代码:

<OBJECT id="min" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM name="Command" value="Minimize">
</OBJECT>
<button onclick="min.Click()"><font face="webdings">0</font></button>

<OBJECT id="max" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM name="Command" value="Maximize">
</OBJECT>
<button onclick="max.Click()"><font face="webdings">1</font></button>

<OBJECT id="clo" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM name="Command" value="Close">
</OBJECT>
<button onclick="clo.Click()"><font face="webdings">r</font></button>
4,358

下载地址(eMule):http://www.verycd.com/topics/69331/

中文名称:张孝祥IT课堂-JavaScript教学视频录像
地区:大陆
语言:普通话
简介

jsbook.jpg


张孝祥IT课堂-JavaScript教学视频录像

隆重发行

经过张孝祥老师三个月的潜心制作,《张孝祥IT课堂-JavaScript教学视频录像》终于面世了。新版的《张孝祥IT课堂-JavaScript教学视频录像》 秉承《张孝祥IT课堂-Java教学视频录像(高级篇)》身临其境的手把手教学风格,并且采用了高效数字编码算法和全新的多媒体播放器,图象更清晰、操作更方便,最直观地让学员身临其境地学习和感受编程的乐趣,更能体会张孝祥老师授课的震撼力和穿透力。

光盘的内容:本教程结合大量应用实例,详细地讲解了HTML语言、CSS、JavaScript、DOM对象模型编程、正则表达式,并介绍了网页脚本编程的其它相关技术和知识,例如,VBScript、NetScape控件、ActiveX控件、Java Applet小程序等。本书力求在不减少知识信息量的情况下,能够把书写薄,同时又能把问题说透,让读者能够迅速上手,尽最大可能地扩展读者的知识面,启发读者自我思考和学习的能力,让读者感受到技术学习所带来的快乐。本教程主要面向网站开发人员,也适于普通前端网页设计人员阅读。考虑到适应实际工作中的不仅仅需要编程语言本身,还要有一些计算机相关的周边知识的特点,所以,本教程从原理和细节上着手,让读者对一些专业术语透彻理解,尽最大程度扩展读者的知识面。本教程强调用最短的时间和最浅显易懂的例子说明问题,启发读者思考和自我解决问题的能力,以知识够用为原则,重视学会的本质,能让读者做一些基本的应用开发,碰到新问题时,能自己查阅资料独立解决,就叫学会,没有任何人能掌握一门学科的每个细节。

JavaScript教学视频录像总时间为40小时左右,为了让用户了解到更为精确的信息,本站以后不再使用光盘的张数来作为产品的度量单位,而改用视频教程的时间来度量。

说明:
javascript教程进行了部分加密,加密部分在未注册的计算机上不能播放,用户需要向我们索取注册码后对计算机进行注册,每台计算机的注册码都不一样。 如果计算机的CPU识别信息、硬盘序列号、硬盘分区、内存等这四个内容之一发生了变化,就可能导致软件认为是在另外一台计算机上运行,为此,我们可以为每个用户从购买之日算起的每年都提供三个注册码。 我们每年为用户提供三个注册码,主要是为了方便用户硬件升级或更改后能继续使用,希望大家不要随意替他人索取注册码,以免影响自己使用。

由于加密后的视频具有对计算机资源要求高、启动时间长等缺点,所以,本套视频教程采用了部分视频片段加密、部分视频片段不加密的混合方式发行。

如何理解JavaScript、Java、Jsp、J2ee之间的关系与区别

很多初学习者对JavaScript、Java、Jsp、J2ee之间的关系与区别总是感到很困惑,为了帮助大家快速理解几者之间的关系,我们进行了如下解释说明:

1. JavaScript用于编写嵌入在网页文档中的程序,它由浏览器负责解释和执行,可以在网页上产生动态的显示效果和实现与用户交互的功能,譬如,让一串文字跟着鼠标移动,让一个图标在网页漂浮移动,验证用户输入的信用卡号的格式正确与否,等等特效网页功能。

2. Java则是一种基础性的语言,学习jsp,j2ee都要有java的基础。无论你是想成为诗人,还是小说家,还是散文家,甚至就是当记者,你都要学习语文吧,Java就相当于语文、Jsp、J2ee则相当于小说、散文等。学好了语文,你能否就会有一份好的职业呢?不见得吧,但至少机会要多多了,语文学得越好,就更容易成为小说家,或是记者等等了。要想成为记者、散文家等等,没有语文是怎么都不行的。

3. jsp用于让www服务器产生出内容可以变化的网页文档和对用户提交的表单数据进行处理,例如,显示留言内容,留言内容总是在增加的,所以,传递给用户浏览器的网页文件内容是需要改变的,这就是jsp来实现的。将用户留言插入到数据库中,也是jsp来实现的。

4. j2ee用于开发大型的商业系统,例如,你在各个银行之间的取款,存款,银行之间要互通有无,执行存取款的记录操作,还要进行安全性检查,不能谁都可以来查帐,还要考虑网络断线等问题。使用j2ee,你就不用编写这些底层的细节程序代码了,而将精力集中到应用的业务流程设计上。
4,738

sdf

两年前在pro.html.it的时候,我写了一篇关于如何使用纯CSS和少量的DOM树来动态确定标题框的文章。最近我在玩一个新技术:使用Javascript+CSS去实现那些以前单纯使用Javascript做脚本或者单纯使用CSS做设计的技术。这个星期关于链接冒泡的新文章在Pro站上得到了发表。

链接冒泡其实非常容易实现,工作机制也很简单:

1.检查DOM
2.如果找到关于链接的信息,title,href等就被传递给DOM树
3.当鼠标滑过时,含有链接相关信息的气泡(CSS设定格式)显示出来。

很简单不是吗?不仅工作机制很简单,就连代码以及需要的文件也很简单:
1.一个不足2kb的Javascript文件
2.一个设定样式的CSS
3.一张设定形状的Gif
4.网页文件部分四行HTML
JS文件,CSS文件以及图片只要复制到同一个目录下面,不需要做任何修改,就可以正常使用了。网页部分的代码如下:
<script type="text/javascript" src="bubbletooltips.js"></script>
<script type="text/javascript">
window.onload=function(){enableTooltips("content")};/*content是div的ID*/
</script>

HTML的代码:
<span class="tooltip">
<span class="top">链接的title</span>
<b class="bottom">链接的URL,最多30个字符</b>
</span>

CSS也非常简单:(代码如下)
.tooltip,.tooltip*{display:block}/*由JS添加*/
.tooltip{width:200px;color:#000;font:lighter 11px/1.3 arial,sans-serif;text-decoration:none;text-align:center}
.tooltip span.top{padding:30px 8px 0;background:url(bt.gif) no-repeat top}
.tooltip b.bottom{padding:3px 8px 15px;color:#548912;background:url(bt.gif) no-repeat bottom}

JS的文件实在是太多行了,我就直接给出文件download .

好了,废话少说,大家自己去ENJOY这其中的乐趣吧!

我给出地址整个实例的下载地址:http://shxy.hrbu.edu.cn/ajax/demo/bubble.rar

3,885
代码:
<script language="JavaScript">
function GetRTime(){
var EndTime= new Date(2010,12,1,0,0); //截止时间
var NowTime = new Date();
var nMS =EndTime.getTime() - NowTime.getTime();
var nD =Math.floor(nMS/(1000 * 60 * 60 * 24));
var nH=Math.floor(nMS/(1000*60*60)) % 24;
var nM=Math.floor(nMS/(1000*60)) % 60;
var nS=Math.floor(nMS/1000) % 60;
if(nD>= 0){
document.getElementById(
"RemainD").innerHTML=nD;
document.getElementById(
"RemainH").innerHTML=nH;
document.getElementById(
"RemainM").innerHTML=nM;
document.getElementById(
"RemainS").innerHTML=nS;
}
else {
document.getElementById(
"CountMsg").innerHTML="时已过!";
}
setTimeout(
"GetRTime()",1000);
}
window.onload
=GetRTime;
</script>
<div id="CountMsg">今天距离2011,1,1还有<strong id="RemainD">XX</strong><strong id="RemainH">XX</strong><strong id="RemainM">XX</strong><strong id="RemainS">XX</strong></div>

效果:

今天距离2011,1,1还有XXXXXXXX

4,705
代码
<INPUT onfocus="oRng=this.createTextRange();oRng.collapse(true);oRng.moveStart('character',3);oRng.select()" value=abcdefg type=text name=text1>
效果

当焦点移至文本框时光标定位在位置3。

补充

如果要直接定位在文本末尾,把上面的数字 3 改为 this.value.length 即可。

xoyozo 16 年前
4,779

代码:

<script>
function check(){
s.disabled
= (t1.value == '' || t2.value == '' || t3.value == '')
}

</script>
<input name="t1" onpropertychange="check();">
<input name="t2" onpropertychange="check();">
<input name="t3" onpropertychange="check();">
<input type="submit" name="s" disabled>

 

效果:

xoyozo 16 年前
3,759

代码:

<input type="text" name="re_name" style="width: 100px; height: 21px; font-size: 10pt;" /><span
style="width: 18px; border: 0px solid red;">
<select name="r00" style="margin-left: -101px; width: 118px; background-color: #FFEEEE;"
onchange="document.all.re_name.value=this.value;">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</span>

 

说明:

该代码兼容性非常差,在XHTML文档中或在非IE浏览下浏览均不能达到预期效果,原因可能是它们的 select 元素的 z-index 太高,并且 css 定位方式不同,部署于应用还需改进代码。

xoyozo 16 年前
4,433

方法:
    write,向HTML动态写入内容
    writeln,多加一个换行
    open,与window.open类似,不建议用
    close,当向新打开的文档对象中写完所有的内容后,一定要调用该方法关闭文档流
    clear,用于清除文档中的所有内容,建议用document.write("");document.close();这两条语句来实现同样的功能。
    getElementById,返回id的对象
    getElementByName,返回name的对象组(注意是数组)
    getElementByTagName,返回标签名的对象组
    createElement,产生一个代表某个HTML元素的对象,随后再其它方法将这个对象插入到文档中。
    createStyleSheet,为当前HTML产生一个样式表或增加一条样式规则。
属性:
    document.cookie

xoyozo 16 年前
3,373

方法:
   alert,对话框,OK按钮
   confirm,对话框,OK和Cancel按钮
   prompt,对话框,可输入
   close,关闭当前浏览器窗口
   navigate,在当前窗口中导航到指定的URL资源
   setInterval,设置每隔一定时间调用指定程序代码,毫秒,setInterval("Func()",5000)
   setTimeout,设置经过一定时间后执行一次指定程序代码,毫秒,setTimeout("Func()",5000)
   clearInterval,
   clearTimeout,
   moveTo,将浏览器窗口移动到屏幕上的某个位置
   resizeTo,改变浏览器窗口的大小
   open,打开一个新窗口 window.open("abc.html","_blank","top=0,left=0,width=100,height=200,toolbar=no");
   showModalDialog产生一个模态对话框
   showModelessDialog产生一个非模态对话框窗口
属性:
    closed
    opener
    defaultstatus
    status
    screenTop
    screenLeft
事件:
    onload,onunload,onmouseover,...
对象属性:
    location对象:设置和返回当前网页的URL信息。
        载入一个新的网页:window.location.href="http://g.cn";
        刷新当前页:window.location.reload();
    event对象:获取和设置当前事件的有关信息。
        altKey属性,用于检测事件发生时Alt键是否被按下
        ctrlKey。。。
        shiftKey...
        screenX,screenY设置和返回鼠标相对屏幕顶点的x,y坐标
        offsetX,offsetY设置和返回鼠标相对事件源顶点的x,y坐标
        x,y 设置和返回鼠标相对事件源的父元素顶点x,y坐标
        returnValue设置和返回事件的返回值,一般情况下设置为false
        cancelBubble设置和返回当前事件是否继续向下传递
        srcElement设置和返回事件源对象
        keyCode设置和返回键盘按下或弹起时的键的unicode码
        button检索鼠标动作使用的是哪个按键,1左鍵,2右键,3左右同时
function window_onkeypress()
{
//    alert(window.event.keyCode);
    if(window.event.keyCode==27)
    {
        window.close();
    }
}

xoyozo 16 年前
4,232