例子1 :
<html>
<head>
<TITLE>利用HTML分层制作背景时钟</TITLE>
<script language=javaScript>
<!--//
function clockon()
{
currenttime= new Date()
//取得当前小时
var hours=currenttime.getHours()
//取得当前分钟
var minutes=currenttime.getMinutes()
//取得当前秒
var seconds=currenttime.getSeconds()
if (eval(hours) <10) {hours="0"+hours}//自动补零
if (eval(minutes) < 10) {minutes="0"+minutes}
if (seconds < 10) {seconds="0"+seconds}
currenttime = hours+":"+minutes+":"+seconds
if(document.all)
{
bgclocknoshade.innerHTML=currenttime
bgclockshade.innerHTML=currenttime
}
if(document.layers)
{
document.bgclockshade.document.write('<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Verdana;color:FFAAAAA;font-size:100px;top:10px;left:152px">'+currenttime+'</div>')
document.bgclocknoshade.document.write('<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:100px;top:10px;left:150px">'+currenttime+'</div>')
document.close()
}
var timer=setTimeout("clockon()",200)
}
//-->
</script>
</head>
<body onLoad="clockon()">
<!--
时钟显示的位置需要你修正TOP,LEFT参数来确定。
TOP表示层距离显示器顶部的象素,LEFT表示距离左侧的象素。
-->
<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px"></div>
<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;color:DDDDDD;font-size:120px;top:100px;left:150px"></div>
<div id="mainbody" style="position:absolute; visibility:visible"><br><br><br><br><br><br><center></center>利用JavaScript结合HTML分层制作背景时钟</div>
</body>
</html>
<html>
<head>
<TITLE>利用HTML分层制作背景时钟</TITLE>
<script language=javaScript>
<!--//
function clockon()
{
currenttime= new Date()
//取得当前小时
var hours=currenttime.getHours()
//取得当前分钟
var minutes=currenttime.getMinutes()
//取得当前秒
var seconds=currenttime.getSeconds()
if (eval(hours) <10) {hours="0"+hours}//自动补零
if (eval(minutes) < 10) {minutes="0"+minutes}
if (seconds < 10) {seconds="0"+seconds}
currenttime = hours+":"+minutes+":"+seconds
if(document.all)
{
bgclocknoshade.innerHTML=currenttime
bgclockshade.innerHTML=currenttime
}
if(document.layers)
{
document.bgclockshade.document.write('<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Verdana;color:FFAAAAA;font-size:100px;top:10px;left:152px">'+currenttime+'</div>')
document.bgclocknoshade.document.write('<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:100px;top:10px;left:150px">'+currenttime+'</div>')
document.close()
}
var timer=setTimeout("clockon()",200)
}
//-->
</script>
</head>
<body onLoad="clockon()">
<!--
时钟显示的位置需要你修正TOP,LEFT参数来确定。
TOP表示层距离显示器顶部的象素,LEFT表示距离左侧的象素。
-->
<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px"></div>
<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;color:DDDDDD;font-size:120px;top:100px;left:150px"></div>
<div id="mainbody" style="position:absolute; visibility:visible"><br><br><br><br><br><br><center></center>利用JavaScript结合HTML分层制作背景时钟</div>
</body>
</html>
<html>
<head>
<TITLE>文字特效</TITLE><script>
<!--// var x,y
var timer
var i_fontsize=0
var step=0
var thisx,thisy function handlerMM(e){
x = (document.layers) ? e.pageX : event.clientX
y = (document.layers) ? e.pageY : event.clientY
} function ringup() {
if (document.all) {
thisx = x
thisy = y
ringup2()
}
} function ringup2() {
if (i_fontsize<=800) {
document.all.ring.style.fontSize=i_fontsize
document.all.ring.style.color="rgb(255,"+Math.floor(i_fontsize/6)+","+Math.floor(i_fontsize/6)+")"
document.all.ring.style.posLeft=thisx-(Math.floor(i_fontsize/3))
document.all.ring.style.posTop=thisy-(Math.floor(i_fontsize/1.4))
step+=4
i_fontsize+=step
timer=setTimeout("ringup(2)",50)
}
else {
clearTimeout(timer)
i_fontsize=0
step=0
document.all.ring.style.posTop=-10000
}
} document.onmousemove = handlerMM; //-->
</script> <STYLE>
.ringstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:5pt;
font-family:Verdana;
color:FF0000
}
.explain {
position:absolute;
top:80px;
left:40px;
width:200px;
color:000000;
text-align:center;
font-size:20pt;
font-family:Times;
}
</STYLE> </HEAD>
<body bgcolor="#FFFFFF"> <DIV id="ring" class="ringstyle">中关村网友社区</DIV> <DIV id="redirection" class="explain"><a href="http://www.zgc.org.cn" target="_blank" onMouseOver="ringup()">中关村社区</a></DIV> </body>
</html>
<HTML>
<HEAD>
<TITLE>背景滚动文字</TITLE>
<SCRIPT LANGUAGE="JavaScript1.1">
<!--// var y=100;//表示一开始字符距离页面顶部的距离
var bgticker; function initObjects()
{
if (document.all)
{
bgticker = document.all.bgtick.style ;
bgticker.posLeft = 200;
bgticker.posTop = 400;
mainbody = document.all.mainbod.style;
mainbody.posLeft = 0;
mainbody.posTop = 0;
}
if (document.layers)
{
bgticker = document.bgtick;
bgticker.left = 0;
bgticker.top = 300;
mainbody = document.mainbod;
mainbody.left = 0;
mainbody.top = 0;
}
scroll();
} function scroll()
{
if (y > -200)
{
y--;
if (document.all)
{
bgticker.posTop = y;
mainbody.posTop=0;
}
if (document.layers)
{
bgticker.top = y;
mainbody.top=0;
}
}
else
{
y=300;
}
var timer = setTimeout('scroll()',20);
}//-->
</SCRIPT> <!--修改STYLE适应自己的页面字体--> <STYLE>
.ticker {
position: absolute;
font-family:Arial;
color:DDDDDD;
font-size:60px;
letter-spacing:1;
}
</STYLE> </head> <body onLoad="initObjects()">
<center><font color=red>单身情歌</font><br><br><p style="font-size:12pt;color:green">抓不住爱情的我 总是眼睁睁看它溜走<br>
世界上幸福的人到处有 为何不能算我一个<br>
为了爱孤军奋斗 早就吃够了爱情的苦<br>
在爱中失落的人到处有 而我只是其中一个<br>
爱要越错越勇 爱要肯定执著<br>
每一个单身的人得看透想爱就别怕伤痛<br>
找一个最爱的深爱的想爱的亲爱的人来告别单身<br>
一个多情的痴情的决情的无情的人来给我伤痕<br>
孤单的人那么多 快乐的没有几个<br>
不要爱过了错过了留下了单身的我独自唱情歌<br><br>为了爱孤军奋斗 早就吃够了爱情的苦<br>
在爱中失落的人到处有 而我不是最后一个<br>
爱要越错越勇 爱要肯定执著<br>
每一个单身的人得看透想爱就别怕伤痛<br>
找一个最爱的深爱的想爱的亲爱的人来告别单身<br>
一个多情的痴情的决情的无情的人来给我伤痕<br>
孤单的人那么多 快乐的没有几个<br>
不要爱过了错过了留下了单身的我独自唱情歌<br><br>找一个最爱的深爱的想爱的亲爱的人来告别单身<br>
一个多情的痴情的决情的无情的人来给我伤痕<br>
伤心的人那么多 我就该勇敢的过<br>
不要爱过了错过了留下了单身的我独自唱情歌<br>
这首真心的痴心的伤心的单身情歌谁与我来合</p>
<div id="bgtick" class="ticker">I love you! <br><font color=red>You love me?<font></div>
<div id="mainbod" style="position:absolute; visibility:visible"></div>
</body>
</html>
asfasdfasdfasd
</script>你们能看出来这样的程序,如果浏览器可以解释的话,肯定会报错的,事实上运行结果也是如此,但是,你换一下呢<script language=C#> // 这样应该是对的,因为C#的服务器端
// 是这么写的
asfasdfasdfasd
</script>你到浏览器里试试看,浏览器对它一点反应都没有,这说明了什么?结论:IE不解释它。
服务器端可以——服务器当然必须安装.Net FrameWOrk
当然可以。
当然可以。
你写的所有的javascript都是客户端的脚本,是不能改写成C#语言的。