罗湖区制作公司网站,深圳网页开发

最新推荐文章于 2025-07-25 16:12:44 发布

原创最新推荐文章于 2025-07-25 16:12:44 发布 · 174 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#chrome #前端 #java

本篇文章给大家谈谈罗湖区制作公司网站，以及深圳网页开发，希望对各位有所帮助，不要忘了收藏本站喔。

一、表单提示效果

<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>新用户注册</TITLE>
<SCRIPT language="java" src="reg-check.js"></SCRIPT>
<STYLE  type="text/css">
.p1{font-size:12px;text-align:right; height:28px;}
div{font-size:12px;}
.font_error{font-size:12px;color:#ff0000;}
.font_true{font-size:12px;color:#61b16a;}
</STYLE>
</HEAD>

<BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<TABLE width="760" border="0" cellspacing="0" cellpadding="0" align="center">
  <FORM action="" method="post" name="myform"><TR>
    <TD><IMG src="image/reg1-top.jpg"></TD>
  </TR>
  <TR>
    <TD style="border-left:1 #7Bcc87 solid;border-right:1 #7Bcc87 solid;" bgcolor="#F9F8FF"><TABLE width="80%" border="0" cellspacing="0" cellpadding="0" align="center">
  <TR><TD class="p1" width="100"> 用户名：</TD>
    <TD width="180"> <INPUT name="username" type="text" size="25" onBlur="checkUser(username);"></TD>
	<TD> <DIV id="userinfor">用户名以字母开头，4-16位字母、数字组成</DIV></TD>
  </TR>
  <TR><TD class="p1" > 密&nbsp;&nbsp;码：</TD>
    <TD><INPUT name="pwd" type="password" size="28" onBlur="checkpwd(pwd);"></TD>
	<TD> <DIV id="pwdinfor">设置登陆密码，由6-16位字母、数字、符号组成！</DIV></TD>
  </TR>
  <TR><TD class="p1" >确认密码：</TD>
    <TD><INPUT name="repwd" type="password" size="28" onBlur="checkrepwd(pwd,repwd);"></TD>
	<TD> <DIV id="repwdinfor">请再输入一次您的密码！</DIV></TD>
  </TR>
  <TR><TD class="p1" > Email邮箱：</TD>
    <TD><INPUT name="email" type="text" size="25" onBlur="checkemail(email);"></TD>
	<TD> <DIV id="emailinfor">请填写您常用邮箱，因用此邮箱来取回密码！</DIV></TD>
  </TR><TR><TD class="p1" > 提&nbsp;&nbsp;问：</TD>
    <TD><SELECT name="question" onBlur="checkquest(question);">
									<OPTION value="">-=请您选择=-</OPTION>
									<OPTION value="place">我的出生地点是那里？</OPTION>
									<OPTION value="birthday">我的生日是什么？</OPTION>
									<OPTION value="girlfriend">我的女朋友叫什么？</OPTION>
									<OPTION value="girlbirthday">我女朋友的生日是什么？</OPTION>
									<OPTION value="father">我的父亲叫什么？</OPTION>
									<OPTION value="fatherbirthday">我父亲的生日是什么？</OPTION>
									<OPTION value="mather">我的母亲叫什么？</OPTION>
									<OPTION value="matherbirthday">我母亲的生日是什么？</OPTION>
									<OPTION value="address">我的家庭住址是那里？</OPTION>
									<OPTION value="love">我的初恋叫什么？</OPTION>
									<OPTION value="pet">我最喜欢的宠物是什么？</OPTION>
									<OPTION value="prettyplace">我最想去的地方是那里？</OPTION>
									</SELECT></TD>
									<TD> <DIV id="questinfor">请选择密码找回问题！</DIV></TD>
  </TR><TR><TD class="p1"> 回&nbsp;&nbsp;答：</TD>
    <TD><INPUT name="answer" type="text" size="25" onBlur="checkans(answer)"></TD>
	<TD> <DIV id="ansinfor">填写问题答案！</DIV></TD>
  </TR>
</TABLE>
</TD>
  </TR>
  <TR>
    <TD background="image/reg1-end.jpg" height="63" align="center"><IMG src="image/reg1-button.gif" border="0"></TD>
  </TR></FORM>
</TABLE>


</BODY>
</HTML>

 function $ ( pElementID ) {
		return document.getElementById(pElementID);
	}
	<!--用户名验证开始-->

 function checkUser ( pUserName ) {
		var oContainer = $("userInfor");
		oContainer.className = "font_error";
		var reg = /^[A-Za-z0-9]+$/;	
	  
		if ( pUserName.value == "" ) {
			oContainer.innerHTML = "请输入用户名！"
			return false;
		 }
		
		if (pUserName.value.length> 16 || pUserName.value.length< 4 ) {
			oContainer.innerHTML = "用户名最长只能占16位字符，最短4个字符，请重新填写！"
			return false;
		}
		if ( !reg.test(pUserName.value) ) {
			oContainer.innerHTML = "名字中只能用数字、字母，请重新填写！";
			return false;
		}
	     	oContainer.className = "font_true";
			oContainer.innerHTML = "你填写的用户名是有效的！";
			return true;
	}
  <!--用户名验证结束-->
  <!--密码验证结束-->
  function  checkpwd(pass){
        var pwd = $("pwdinfor"); 
		var pattern = /^[A-Za-z0-9_!@#$%^&*()]+$/;
		if(pass.value==""){
		 pwd.className="font_error"
		pwd.innerHTML="密码不能为空";
		return false;
		}
        if(pass.value.length<6){
		 pwd.className="font_error"
		pwd.innerHTML="密码不能少于6位";
		return false;
		}
		if(!pattern.test(pass.value)){
		 pwd.className="font_error"
		pwd.innerHTML = "密码只能是数字、字母、特殊字符！";
			return false;
		}
		 pwd.className="font_true"
		pwd.innerHTML = "您设置的密码符合要求！";
		return true;
  }

  function  checkrepwd(pass,repass){
        var repwd=$("repwdinfor");
        repwd.className="font_error"
		if(repass.value==""){
		 repwd.className="font_error"
		repwd.innerHTML="确认密码不能为空";
		return false;
		}
        if(pass.value != repass.value){
		repwd.className="font_error"
		repwd.innerHTML="两次输入的密码不一样，请重新输入！";
		return false;
		}
		repwd.className="font_true";
		repwd.innerHTML="两次输入的密码一致！";
		return true;
		
  }
<!--密码验证结束-->  
<!--电子邮件地址验证开始-->   
function checkemail(email){
var  einfor=$("emailinfor");
   if(!email.value.match(/^\w+((-{1,2}\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-{1,2})[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) ){
  //  if(email.value.indexOf('@',0)==-1){
  einfor.className="font_error";
  einfor.innerHTML="您输入的电子邮件格式不正确，请重新输入！";
  return false;			
  }
 		einfor.className="font_true";
		einfor.innerHTML="你输入的电子邮件地址正确！";
		return true; 
  }
 <!--电子邮件地址验证结束--> 
 <!--问题验证开始-->
 function checkquest (quest) {
		var que= $("questInfor");
		que.className = "font_error";
		if ( quest.value == "" ) {
			que.innerHTML = "请选择问题！"
			return false;
		 }
	     	que.className = "font_true";
			que.innerHTML = "请牢记您选择的问题！";
			return true;
	}
  <!--问题验证结束-->
 <!--回答验证开始-->
 function checkans ( answer ) {
		var ans= $("ansInfor");
		ans.className = "font_error";
		if ( answer.value == "" ) {
			ans.innerHTML = "请输入问题回答！"
			return false;
		 }
	     	ans.className = "font_true";
			ans.innerHTML = "问题回答帮助您找回密码";
			return true;
	}
  <!--回答验证结束-->

二、改变页面风格

<HTML>
<HEAD>
<TITLE>css改变页面风格</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language="JavaScript">
function click(){
alert('您这是干什么呢？')  //点击右键时，弹出警告框，屏蔽右键
return false;
// oncontextmenu="return false;"
}

function sc(){
window.external.addFavorite('http://www.taobao.com','淘宝网')    //收藏本站
}


	function detectBrowser()
	{	
		var sAgent = navigator.userAgent.toLowerCase();
		this.isIE = (sAgent.indexOf("msie")!=-1);   //IE6.0-7浏览器
		this.isFF = (sAgent.indexOf("firefox")!=-1);  //firefox浏览器
		this.isSa = (sAgent.indexOf("safari")!=-1);  //safari浏览器
		this.isOp = (sAgent.indexOf("opera")!=-1);  //opera浏览器
		this.isNN = (sAgent.indexOf("netscape")!=-1);   //netscape浏览器
		this.isMa =(sAgent.indexOf("maxthon")!=-1);  //maxthon浏览器
		this.isOther = (!this.isIE && !this.isFF && !this.isSa && !this.isOp && !this.isNN && !this.isSa);   //未知的浏览器
	if(this.isIE)
	document.write("\nIE浏览器");
	if(this.isFF)
	document.write("\nfirefox浏览器");
	if(this.isSa)
	document.write("\nsafari浏览器");
	if(this.isOp)
	document.write("\nopera浏览器");
	if(this.isNN)
	document.write("\nnetscape浏览器");
	if(this.isMa)
	document.write("\nMaxthon浏览器");
	if(this.isOther)
	document.write("\n您的浏览器未知");
	}


document.oncontextmenu=click;
</SCRIPT>


<SCRIPT>
function c(css)
{document.getElementById('up').className=css;}
</SCRIPT>
<STYLE>
TABLE,td,div {FONT-SIZE: 9pt;line-height:13pt;  }
/*设置各种背景及字体颜色样式表*/
.yellow {
 BORDER-RIGHT: #8a6100 2px solid; BORDER-TOP: #ffe3a4 2px solid; BORDER-LEFT: #ffe3a4 2px solid; COLOR: #ffff00; BORDER-BOTTOM: #8a6100 2px solid; BACKGROUND-COLOR: #e19d00
}
.blue {
 BORDER-RIGHT: #002200 2px solid; BORDER-TOP: #a6c1df 2px solid; BORDER-LEFT: #a6c1df 2px solid; COLOR: #ffffff; BORDER-BOTTOM: #002200 2px solid; BACKGROUND-COLOR: #3a6ea5
}
.green {
 BORDER-RIGHT: #002200 2px solid; BORDER-TOP: #b9ffb9 2px solid; BORDER-LEFT: #b9ffb9 2px solid; COLOR: #ffff00; BORDER-BOTTOM: #002200 2px solid; BACKGROUND-COLOR: #008000
}
.menu {
 BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #ffffff 2px solid; BORDER-LEFT: #ffffff 2px solid; COLOR: #000080; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #d8d8d0
}
.menu1 {
 BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #adbac9 2px solid; BORDER-LEFT: #adbac9 2px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #637994
}
.blue1 {
 BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #d0ecff 2px solid; BORDER-LEFT: #d0ecff 2px solid; COLOR: #ffff00; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #0099ff
}
.black {
 BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #d0d0d0 2px solid; BORDER-LEFT: #d0d0d0 2px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #000000
}
</STYLE>
</HEAD>
<BODY class="blue" id="up">
<TABLE cellspacing=0 cellpadding=0 width=400 border=0 align="center">
  <TR style="CURSOR: hand; ">
    <TD class="menu" onClick='c("menu")' align=middle width=50 >灰</TD>
    <TD class="green" onClick='c("green")' align=middle width=50>绿</TD>
    <TD class="blue "onClick='c("blue")' align=middle width=50>蓝</TD>
    <TD class="yellow" onClick='c("yellow")' align=middle width=50>黄</TD>
    <TD class="menu1" onClick='c("menu1")' align=middle width=50>灰1</TD>
    <TD class="blue1" onClick='c("blue1")' align=middle width=50>浅蓝</TD>
    <TD class="black" onClick='c("black")' align=middle width=50>黑</TD>
    </TR></TABLE>
	<TABLE width="75%" border="0" cellspacing="0" cellpadding="0" align="center">
  <TR>
    <TD><br>设为首页、收藏本站、屏蔽右键、浏览器判断功能如下：<br><br><b><A  style="cursor:hand"  onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.taobao.com');return false;" > 
      【设为首页】</A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<A  style="cursor:hand" onClick="java:sc()">【收藏本站】</A><BR><BR>您的浏览器类型：<SCRIPT language="JavaScript">detectBrowser()
</SCRIPT></b><BR><BR><BR><BR></TD>
  </TR>
  <TR>
    <TD>　　HTML语言的另一个重要特点就是能够把文本、图像、动画、音乐等多种媒体相结合，设计出图文并茂、动静结合的页面。这一章我们将介绍如何制作一个完整的丰富多彩的网页Python解释器的安装步骤。 
      <BR>
      4.1语言字符集
      <P>　制作网页的时候，首先需要定义网页语言，以便访问者浏览器自动设置语言。一般情况下，我们都是取默认值。语言字符集的定义在网页首部〈head〉〈/head〉部分完成，基本格式是：</P>
      <P>meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=gb2312&quot;〉</P>
      <P>　gb2312代表简体中文，也可以根据需要选取其它语言。<BR>
        　　也可以在HTML标记中用LANG属性规定当前标记使用的语言，语法分析软件可以使用这个属性对引用、数字等来确定如何显示特定语言选项。</P>
      <P>4.2文字颜色及风格</P>
      <P>　　HTML语言用〈font〉标记定义文本的字体。〈font〉标记有多种属性用于定义字体字面、尺寸和颜色等，常用的〈font〉标记属性有：</P>
      <P>　　Color 设置字体所使用的颜色。在html中，颜色通常采用6位16进制数值，格式为#xxxxxx，第一二位表示红色值，三四位为绿色值，五六位代表蓝色值，#000000代表黑色，#FFFFFF是白色。颜色也可以用逻辑值表示，如：black（黑色），olive（橄榄色），teal（呈绿色的蓝色），red（红色），blue（蓝色），maroon（栗色），navy（藏青色），gray（灰色），white（白色），green（绿色），purple（紫色），yellow（黄色），aqua（浅绿色）等。</P>
      <P>size=±n〉。用第二种方法时“＋”号表示字体变大，“－”号表示字体变小。 </P></TD>
  </TR>
  <TR>
    <TD>&nbsp;</TD>
  </TR>
</TABLE>

	</BODY></HTML>

三、图片文字横向滚动

<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE> 水平滚动文字</TITLE>
</HEAD>

<BODY><TABLE width="96%" border="0" cellspacing="0" cellpadding="0" align="center">
  <TR>
    <TD>&nbsp;</TD>
  </TR><TR>
    <TD><MARQUEE behavior="scroll" direction="left" width="700" height="30"  scrollamount="6" scrolldelay="1"  onMouseOver="this.stop();" onMouseOut="this.start();">
·恭喜"zhang***"福彩3D喜中1000元 
·恭喜"kok****"排列3喜中10000元
·恭喜"liz****"排列3喜中5000元
·恭喜"tao****"排列3喜中2000元
·恭喜"apple***"双色球喜中12850元
·恭喜"guoke***"双色球喜中3000元
·恭喜"ilove***"双色球喜中3000元
</MARQUEE></TD>
  </TR>
  <TR>
    <TD>&nbsp;</TD>
  </TR>
  <TR>
    <TD><DIV id=demo style="OVERFLOW: hidden; WIDTH: 700px; HEIGHT: 190px"><TABLE width="100%" border="0" cellspacing="0" cellpadding="0">
  <TR>
      <TD id=demo1 valign=top><IMG src="image/1.jpg"><IMG src="image/2.gif"><IMG src="image/3.jpg"><IMG src="image/ad-01.jpg"><IMG src="image/ad-02.jpg"><IMG src="image/ad-03.jpg"><IMG src="image/ad-04.jpg"></TD>
  <TD id=demo2 valign=top></TD></TR>
</TABLE></DIV></TD>
  </TR>
</TABLE>
<SCRIPT>
var speed=10;  //设置图片滚动速度
demo2.innerHTML=demo1.innerHTML  //复制demo1为demo2
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)   //当滚动至demo1与demo2交界时
demo.scrollLeft-=demo1.offsetWidth     //dome跳到最左端
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)  //设置定时器
demo.onmouseover=function() {clearInterval(MyMar)}  //鼠标移上时清除定时器达到滚动停止的目的
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//鼠标移开时重设定时器，继续滚动
</SCRIPT> 

</BODY>
</HTML>

四、设置首页功能


<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>综合功能</TITLE>
<STYLE type="text/css">
td{font-size:13px;color:#000000;line-height:28px;}
A{text-decoration:none;font-size:13px;color:#00aa00;line-height:28px;}
</STYLE>
<SCRIPT language="JavaScript">
function click(){
alert('您这是干什么呢？')  //点击右键时，弹出警告框，屏蔽右键
return false;
// oncontextmenu="return false;"
}

function sc(){
window.external.addFavorite('http://www.taobao.com','淘宝网')    //收藏本站
}


	function detectBrowser()
	{	
		var sAgent = navigator.userAgent.toLowerCase();
		this.isIE = (sAgent.indexOf("msie")!=-1);   //IE6.0-7浏览器
		this.isFF = (sAgent.indexOf("firefox")!=-1);  //firefox浏览器
		this.isSa = (sAgent.indexOf("safari")!=-1);  //safari浏览器
		this.isOp = (sAgent.indexOf("opera")!=-1);  //opera浏览器
		this.isNN = (sAgent.indexOf("netscape")!=-1);   //netscape浏览器
		this.isMa =(sAgent.indexOf("maxthon")!=-1);  //maxthon浏览器
		this.isOther = (!this.isIE && !this.isFF && !this.isSa && !this.isOp && !this.isNN && !this.isSa);   //未知的浏览器
	if(this.isIE)
	document.write("\nIE浏览器");
	if(this.isFF)
	document.write("\nfirefox浏览器");
	if(this.isSa)
	document.write("\nsafari浏览器");
	if(this.isOp)
	document.write("\nopera浏览器");
	if(this.isNN)
	document.write("\nnetscape浏览器");
	if(this.isMa)
	document.write("\nMaxthon浏览器");
	if(this.isOther)
	document.write("\n您的浏览器未知");
	}


document.oncontextmenu=click;
</SCRIPT>
</HEAD>

<BODY topmargin="0">
<TABLE width="765" border="0" cellspacing="0" cellpadding="0" align="center" background="image/taobao-top.jpg" height="155" >
  <TR><td width="50%"></td>
    <TD valign="top"><A  style="cursor:hand"  onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.taobao.com');return false;" > 
      【设为首页】</A>&nbsp;&nbsp;<A href="java:sc()">【收藏本站】</A><br>您的浏览器类型：<FONT color="#FF0000"><SCRIPT language="JavaScript">detectBrowser()
</SCRIPT></FONT></TD>
 </TR>
</TABLE>
</BODY>
</HTML>

五、级联菜单


<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>级联菜单</TITLE>
<STYLE  type="text/css">
td{font-size:12px;line-height:22px;color:#FFFFFF;}
</STYLE>
<SCRIPT language="JavaScript" >
<!--下拉框级联开始-->
var cityList = new Array( );  
      cityList['北京'] = ['朝阳区','东城区','西城区', '海淀区','宣武区','丰台区','怀柔','延庆','房山'];
	 cityList['上海'] = ['宝山区','长宁区','丰贤区', '虹口区','黄浦区','青浦区','南汇区','徐汇区','卢湾区'];
	 cityList['广州'] = ['天河区','海珠区','南沙区', '白云区','嘉湾区','越秀区','黄埔区','罗岗区','番寓区','花都区'];
     cityList['深圳'] = ['福田区', '罗湖区', '盐田区', '宝安区', '龙岗区', '南山区', '深圳周边'];
	 cityList['重庆'] =['俞中区', '南岸区', '江北区', '沙坪坝区', '九龙坡区', '渝北区', '大渡口区', '北碚区', '巴南区', '万盛区', '涪凌', '江津'];
     cityList['天津'] = ['和平区', '河西区', '南开区', '河北区', '河东区', '红桥区', '塘古区', '开发区', '西青区', '津南区','东丽区'];
  function changeCity( )
  {
     var province=document.myform.province.value; 
	 document.myform.city.options.length=0;
	 for (var i in cityList) 
	 {
	        if (i == province) 
			{
                for (var j in cityList[i]) 
				{
                     document.myform.city.options.add(new Option(cityList[i][j], cityList[i][j]));
                }
            }
       }
	 document.myform.city.options.selctIndex=0;
  }
  
  function loadAll( )
  { for (var i in cityList)  
	   { document.myform.province.options.add(new Option(i, i)); 
		}
        document.myform.province.selectedIndex = 0; 
  }
 <!--下拉框级联结束--> 

</SCRIPT>
</HEAD>

<BODY leftmargin="0" topmargin="0"  onLoad="loadAll( )">
<TABLE width="760" border="0" cellspacing="0" cellpadding="0" align="center">
  
  <FORM action="" method="post" name="myform">
  <TR>
    <TD HEGIHT="30" bgcolor="#50baf6">&nbsp;&nbsp;<B>房源查询：</B>&nbsp;
	<SELECT name="province"  id="province" onChange="changeCity()">
	<OPTION>--请选择城市--</OPTION></SELECT>
	<SELECT name="city" id="city" >
      <OPTION>--请选择区域--</OPTION>
	  </SELECT>
	  <SELECT ><OPTION> 物业类型</OPTION>
	  <OPTION> 普通住宅</OPTION>
	  <OPTION> 公寓</OPTION>
	  <OPTION> 别墅</OPTION>
	  <OPTION> 经济适用房</OPTION>
	  <OPTION> 商住楼</OPTION>
	  <OPTION> 写字楼</OPTION>
	  </SELECT>&nbsp;&nbsp;<INPUT name="b1" type="submit" value=" 查 询 "></TD>
  </TR></FORM>
  <TR><TD height="5"></TD></TR>
</TABLE>


</BODY>
</HTML>

六、向上滚动的文字


<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE> 垂直滚动文字</TITLE>
<STYLE type="text/css">
A{font-size:13px;
color:#000000;
/*无下划线的链接文字样式*/
text-decoration:none;
line-height:22px;}
A:hover{font-size:13px;
color:#FF0000;
/*无下划线的链接文字样式*/
text-decoration:underline;
line-height:22px;}
</STYLE>

</HEAD>
<BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<TABLE width="252" border="0" cellspacing="0" cellpadding="0" align="center">
  <TR>
    <TD><IMG src="image/bgtop.gif"></TD>
  </TR>
  <TR>
    <TD background="image/bg.gif" ><DIV id="dome" style="overflow:hidden;height:150px; width=245px;">
<DIV id="dome1" >
<A  href="http://forum.taobao.com/forum-150/show_info----10893713-0-.htm" 
              target=_blank>·恭喜"ech***"双色球喜中3000元</A> <BR><A 
              href="http://forum.taobao.com/forum-150/show_info----10893726-0-.htm" 
              target=_blank>·恭喜"dhx***"双色球喜中2675元</A>
              <BR><A 
              href="http://forum.taobao.com/forum-150/show_info----10893765-0-.htm" 
              target=_blank>·恭喜"风之***"双色球喜中1680元 </A>
              <BR><A  href="http://forum.taobao.com/forum-150/show_info----10893783-0-.htm" 
              target=_blank>·恭喜"沫沫***"双色球喜中1470元</A>
              <BR><A 
              href="http://forum.taobao.com/forum-150/show_info----10893797-0-.htm" 
              target=_blank>·恭喜"ralf***"双色球喜中1390元</A>
              <BR><A 
              href="http://forum.taobao.com/forum-150/show_info----10893812-0-.htm" 
              target=_blank>·恭喜"f_h_***"3D喜中2000元</A>
              <BR><A 
              href="http://forum.taobao.com/forum-150/show_info----10893830-0-.htm" 
              target=_blank>·恭喜"lsmx***"3D喜中9108.1元</A>
              <BR><A 
              href="http://forum.taobao.com/forum-150/show_info----10893845-0-.htm" 
              target=_blank>·恭喜"梅子花***"排列3喜中8000元</A>
              <BR><A 
              href="http://forum.taobao.com/forum-150/show_info----10893854-0-.htm" 
              target=_blank>·恭喜"洞头***"排列3喜中1000元</A>
              <BR><A 
              href="http://forum.taobao.com/forum-150/show_info----10893867-0-.htm" 
              target=_blank>·恭喜"gxh***"排列3喜中1000元</A>
</DIV>
<DIV id=dome2></DIV>
</DIV></TD>
  </TR>
  <TR>
    <TD><IMG src="image/bgend.gif"></TD>
  </TR>
</TABLE>
<SCRIPT language="JavaScript">
   var speed=50;  //设置文字滚动速度
   dome2.innerHTML=dome1.innerHTML //复制dome1为dome2
   function Marquee(){
   if(dome2.offsetTop-dome.scrollTop<=0) //当滚动至dome1与dome2交界时
   dome.scrollTop-=dome1.offsetHeight  //dome跳到最顶端
   else{
   dome.scrollTop++
   }
   }
   var MyMar=setInterval(Marquee,speed) //设置定时器
   dome.onmouseover=function() {clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的
   dome.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//鼠标移开时重设定时器，继续滚动
</SCRIPT>
</BODY>
</HTML>

七、改变页面风格及向左滚动图片文字

<HTML>
<HEAD>
<TITLE>css改变页面风格</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language="JavaScript">
function click(){
alert('您这是干什么呢？')  //点击右键时，弹出警告框，屏蔽右键
return false;
// oncontextmenu="return false;"
}

function sc(){
window.external.addFavorite('http://www.taobao.com','淘宝网')    //收藏本站
}


	function detectBrowser()
	{	
		var sAgent = navigator.userAgent.toLowerCase();
		this.isIE = (sAgent.indexOf("msie")!=-1);   //IE6.0-7浏览器
		this.isFF = (sAgent.indexOf("firefox")!=-1);  //firefox浏览器
		this.isSa = (sAgent.indexOf("safari")!=-1);  //safari浏览器
		this.isOp = (sAgent.indexOf("opera")!=-1);  //opera浏览器
		this.isNN = (sAgent.indexOf("netscape")!=-1);   //netscape浏览器
		this.isMa =(sAgent.indexOf("maxthon")!=-1);  //maxthon浏览器
		this.isOther = (!this.isIE && !this.isFF && !this.isSa && !this.isOp && !this.isNN && !this.isSa);   //未知的浏览器
	if(this.isIE)
	document.write("\nIE浏览器");
	if(this.isFF)
	document.write("\nfirefox浏览器");
	if(this.isSa)
	document.write("\nsafari浏览器");
	if(this.isOp)
	document.write("\nopera浏览器");
	if(this.isNN)
	document.write("\nnetscape浏览器");
	if(this.isMa)
	document.write("\nMaxthon浏览器");
	if(this.isOther)
	document.write("\n您的浏览器未知");
	}


document.oncontextmenu=click;
</SCRIPT>


<SCRIPT>
function c(css)
{document.getElementById('up').className=css;}
</SCRIPT>

<STYLE>
img{border:0;width:180;}
TABLE,td,div {FONT-SIZE: 9pt;line-height:13pt;  }
/*设置各种背景及字体颜色样式表*/
.yellow {
 BORDER-RIGHT: #8a6100 2px solid; BORDER-TOP: #ffe3a4 2px solid; BORDER-LEFT: #ffe3a4 2px solid; COLOR: #ffff00; BORDER-BOTTOM: #8a6100 2px solid; BACKGROUND-COLOR: #e19d00
}
.blue {
 BORDER-RIGHT: #002200 2px solid; BORDER-TOP: #a6c1df 2px solid; BORDER-LEFT: #a6c1df 2px solid; COLOR: #ffffff; BORDER-BOTTOM: #002200 2px solid; BACKGROUND-COLOR: #3a6ea5
}
.green {
 BORDER-RIGHT: #002200 2px solid; BORDER-TOP: #b9ffb9 2px solid; BORDER-LEFT: #b9ffb9 2px solid; COLOR: #ffff00; BORDER-BOTTOM: #002200 2px solid; BACKGROUND-COLOR: #008000
}
.menu {
 BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #ffffff 2px solid; BORDER-LEFT: #ffffff 2px solid; COLOR: #000080; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #d8d8d0
}
.menu1 {
 BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #adbac9 2px solid; BORDER-LEFT: #adbac9 2px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #637994
}
.blue1 {
 BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #d0ecff 2px solid; BORDER-LEFT: #d0ecff 2px solid; COLOR: #ffff00; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #0099ff
}
.black {
 BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #d0d0d0 2px solid; BORDER-LEFT: #d0d0d0 2px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #000000
}
</STYLE>
</HEAD>
<BODY class="blue" id="up">
<TABLE cellspacing=0 cellpadding=0 width=400 border=0 align="center">
  <TR style="CURSOR: hand; ">
    <TD class="menu" onClick='c("menu")' align=middle width=50 >灰</TD>
    <TD class="green" onClick='c("green")' align=middle width=50>绿</TD>
    <TD class="blue "onClick='c("blue")' align=middle width=50>蓝</TD>
    <TD class="yellow" onClick='c("yellow")' align=middle width=50>黄</TD>
    <TD class="menu1" onClick='c("menu1")' align=middle width=50>灰1</TD>
    <TD class="blue1" onClick='c("blue1")' align=middle width=50>浅蓝</TD>
    <TD class="black" onClick='c("black")' align=middle width=50>黑</TD>
    </TR></TABLE>
	<TABLE width="75%" border="0" cellspacing="0" cellpadding="0" align="center">
  <TR>
    <TD><BR>设为首页、收藏本站、屏蔽右键、浏览器判断功能如下：<BR><BR><B><A  style="cursor:hand"  onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.taobao.com');return false;" > 
      【设为首页】</A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<A  style="cursor:hand" onClick="java:sc()">【收藏本站】</A><BR><BR>您的浏览器类型：<SCRIPT language="JavaScript">detectBrowser()
</SCRIPT></B><BR><BR><BR><BR></TD>
  </TR>
  <TR>
    <TD><TABLE width="96%" border="0" cellspacing="0" cellpadding="0" align="center">
  <TR>
    <TD>&nbsp;</TD>
  </TR><TR>
    <TD><MARQUEE behavior="scroll" direction="left" width="700" height="30"  scrollamount="3" scrolldelay="1"  onMouseOver="this.stop();" onMouseOut="this.start();">
·恭喜"zhang***"福彩3D喜中1000元 
·恭喜"kok****"排列3喜中10000元
·恭喜"liz****"排列3喜中5000元
·恭喜"tao****"排列3喜中2000元
·恭喜"apple***"双色球喜中12850元
·恭喜"guoke***"双色球喜中3000元
·恭喜"ilove***"双色球喜中3000元
</MARQUEE></TD>
  </TR>
  <TR>
    <TD>&nbsp;</TD>
  </TR>
  <TR>
    <TD><DIV id=demo style="OVERFLOW: hidden; WIDTH: 700px; HEIGHT: 100px"><TABLE width="100%" border="0" cellspacing="0" cellpadding="0">
  <TR>
      <TD id=demo1 valign=top><IMG src="image/1.jpg"><IMG src="image/2.gif"><IMG src="image/3.jpg"><IMG src="image/ad-01.jpg"><IMG src="image/ad-02.jpg"><IMG src="image/ad-03.jpg"><IMG src="image/ad-04.jpg"></TD>
  <TD id=demo2 valign=top></TD></TR>
</TABLE></DIV></TD>
  </TR>
</TABLE>
<SCRIPT>
var speed=10;  //设置图片滚动速度
demo2.innerHTML=demo1.innerHTML  //复制demo1为demo2
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)   //当滚动至demo1与demo2交界时
demo.scrollLeft-=demo1.offsetWidth     //dome跳到最左端
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)  //设置定时器
demo.onmouseover=function() {clearInterval(MyMar)}  //鼠标移上时清除定时器达到滚动停止的目的
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//鼠标移开时重设定时器，继续滚动
</SCRIPT> </TD>
  </TR>
  <TR>
    <TD>&nbsp;</TD>
  </TR>
</TABLE>

	</BODY></HTML>

八、表单提示效果及下拉级联框

<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>用户注册</TITLE>
<SCRIPT language="java" src="check.js"></SCRIPT>
</HEAD>
<STYLE  type="text/css">
td{font-size:12px;line-height:30px;}
div{font-size:12px;line-height:30px;}
.p1{border-left:1 #61B4D3 solid;  border-bottom:1 #61B4D3 solid; background-color:#D3EAF3;text-align:right;}
.p2{border-left:1 #cccccc solid;  border-bottom:1 #cccccc solid; }
.p3{border-right:1 #cccccc solid;  border-bottom:1 #cccccc solid; }
.font_error{font-size:12px;color:#ff0000;}
.font_true{font-size:12px;color:#56B429;}
</STYLE>
<SCRIPT language="JavaScript" >
<!--下拉框级联开始-->
var cityList = new Array( );  
      cityList['北京'] = ['朝阳区','东城区','西城区', '海淀区','宣武区','丰台区','怀柔','延庆','房山'];
	 cityList['上海'] = ['宝山区','长宁区','丰贤区', '虹口区','黄浦区','青浦区','南汇区','徐汇区','卢湾区'];
	 cityList['河南省'] = ['郑州','洛阳','开封', '新乡','焦作','周口','南阳','安阳','信阳'];
     cityList['山东省'] = ['济南', '青岛', '淄博', '枣庄', '东营', '烟台', '潍坊', '济宁', '泰安', '威海', '日照'];
	 cityList['四川省'] =['成都', '绵阳', '德阳', '自贡', '内江', '乐山', '南充', '雅安', '眉山', '甘孜', '凉山', '泸州'];
     cityList['湖北省'] = ['武汉', '宜昌', '荆州', '襄樊', '黄石', '荆门', '黄冈', '十堰', '恩施', '潜江'];
  function changeCity( )
  {
     var province=document.myform.province.value; 
	 document.myform.city.options.length=0;
	 for (var i in cityList) 
	 {
	        if (i == province) 
			{
                for (var j in cityList[i]) 
				{
                     document.myform.city.options.add(new Option(cityList[i][j], cityList[i][j]));
                }
            }
       }
	 document.myform.city.options.selctIndex=0;
  }
  
  function loadAll( )
  { for (var i in cityList)  
	   { document.myform.province.options.add(new Option(i, i)); 
		}
        document.myform.province.selectedIndex = 0; 
  }
 <!--下拉框级联结束--> 

</SCRIPT>
<BODY onLoad="loadAll( )">
<DIV align="center"><IMG src="image/top.jpg"><BR><BR>
  <FONT color="#FF0000" size="3"><STRONG>以下为必填项</STRONG></FONT><BR>
  <BR></DIV>
<TABLE width="762" border="0" cellspacing="0" cellpadding="0" align="center">
 <FORM action="success.htm" method="post" name="myform" target="_blank">
  <TR>
    <TD class="p1" style="border-top:1 #61B4D3 solid;" width="120">用户名：</TD>
	<TD width="180" class="p2" style="border-top:1 #cccccc solid;">&nbsp;<INPUT name="username" type="text" size="25" onBlur="checkUser(username);"></TD>
	<TD class="p3" style="border-top:1 #cccccc solid;"><DIV id="userNameInfor">4-20个字符(可使用字母、数字、下划线)</DIV>
	</TD>
  </TR>
  <TR>
    <TD class="p1" >密码：</TD>
	<TD class="p2">&nbsp;<INPUT name="pass" type="password" size="27" onBlur="checkpass(pass)"> </TD>
	<TD class="p3"><DIV id="passinfor">密码由6-16个字符(可使用字母、数字、下划线)</DIV></TD>
  </TR>
   <TR>
    <TD class="p1"> 确认密码：</TD>
	<TD class="p2">&nbsp;<INPUT name="repass" type="password" size="27" onBlur="checkrepass(pass,repass)"></TD>
	<TD class="p3"><DIV id="repassinfor">请再输入一遍您上面输入的密码</DIV></TD>
  </TR>
   <TR>
    <TD class="p1"> 电子邮件地址：</TD>
	<TD class="p2">&nbsp;<INPUT name="email" type="text" size="25" onBlur="checkemail(email)"></TD>
	<TD class="p3"><DIV id="emailinfor">请输入电子邮件地址</DIV></TD>
  </TR>
   <TR>
    <TD class="p1"> 城市：</TD>
	<TD class="p2" colspan="2" style="border-right:1 #cccccc solid;">&nbsp;<SELECT name="province"  id="province" onChange="changeCity( )"><OPTION>--请选择省份--</OPTION></SELECT>&nbsp;<SELECT name="city" id="city" >
      <OPTION>--请选择城市--</OPTION></SELECT></TD>
  </TR>
  <TR>
    <TD colspan="3" align="center" height="50" class="p2" style="border-right:1 #cccccc solid;"><A href="success.htm"><IMG src="image/reg.jpg" border="0"></A></TD>
  </TR></FORM>
</TABLE>
</BODY>
</HTML>