平时，我们在制作html类型的网页时，使用css、js、vbs的效果可以使网页变得非常漂亮，但在servlet里想用这些效果，却得从调用那些存储了特效的.css、.js、.vbs文件(直接写入servlet会报错!而且也没见直接写入的例子)。下面就把调用这些文件格式的写在下边:
CSS文件的调用形式:
out.print(" <head> <link rel='Stylesheet' href='./xxx.css' type='text/css'> </head>");
//注意在servlet里使用某属性的属性值时，得用 ' 单引号，用 " 双引号执行时会报错。
js脚本文件的调用形式：
out.println("<script language='javascript' src='./xxx.js'> </script>");
vbs脚本文件的调用格式：
out.println("<script language='vbscript' src='../xxx.vbs'></script>");
//上面这条代码都可以放在<head>...</head>里边。下面两个还可以放在<body>...</body>中。
下面再写三个例子。
一.CSS样式的调用
css脚本文件内容:
<style type="text/css">
#z1 {position:absolute;top:25;left:45;z-index:1}
#z2 {position:absolute;top:30;left:50;z-index:2}
</style>
servlet源文件内容:
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
public class CSSeg extends HttpServlet{
protected void service(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException{
response.setContentType("text/html");
PrintWriter out=response.getWriter();
out.println(" <head> <link rel='Stylesheet' href='css.css' type='text/css'> </head>");
out.println(" <div id=z1> <img src=img/fendoupage.gif height=700 align=center> </div>");
out.println(" <div id=z2> <p align=right> <a href=jepFiles/index.jsp > <img src=img/button.JPG> </a> </p> </div>"); //注意，我在这里换行了，但大家自己在写这个语句时不要换行，换行也会报错，在JCreator等工具编译时，换行后字体马上变色，也就意味着已经出错了。
}
}
二.JS脚本的调用
js脚本内容:
var b = 1;
var c = true;
function fade(){
if(document.all);
if(c == true) {b++;}
if(b==100) {b--;c = false}
if(b==10) {b++;c = true;}
if(c == false) {b--;}
u.filters.alpha.opacity=0 + b;
setTimeout("fade()",50);
}
//注意这里写这个脚本文件内容的前后，不要加<script language=vbscript>.....</script> 下同。
servlet脚本内容:
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
public class Jseg extends HttpServlet{
protected void service(HttpServletRequest request,HttpServletResponse response)throws
ServletException,IOException{
response.setContentType("text/html");
PrintWriter out=response.getWriter();
out.println("<head>");
out.println("<script language='javascript' src='pro/link.js'> </script>");
out.println("</head>");
out.println("<body onLoad='fade()'>");
out.println("<img src='img/button.jpg' name='u' border=0 alt='Image' style='filter:alpha(opacity=0)'>");
out.println("</body>");
}
}
三.VBS脚本的调用
vbs脚本文件的内容:
'link.vbs
Sub window_onLoad()
image1.filters.item(0).apply()
image1.filters.item(0).transition = 12
image1.Style.visibility = ""
image1.filters(0).play(5.0)
End Sub //这里我也不太明白,为啥得在脚本文件内容的前后加Sub End Sub,希望知道的网友在下面留个言，给大家解释一下。
servlet源文件内容:
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
public class HomepageServlet extends HttpServlet{
protected void service(HttpServletRequest request,HttpServletResponse response)throws
ServletException,IOException{
response.setContentType("text/html");
PrintWriter out=response.getWriter();
out.println("<head>");
out.println("<meta http-equiv='Content-Type' content='text/html;Charset=gb2312' />");
out.println("<title>Welcome to Fendou Studio</title>");
out.println("<script language='vbscript' src='pro/link.vbs'></script>");
out.println("</head>");
out.println("<body bgcolor=''>");
out.println("<table width=100% height=500 border=0>");
out.println("<tr align=center>");
out.println("<td valign=middle>");
out.println("<img src=img/fendoupage.gif>");
out.println("</td>");
out.println("<td valign=bottom>");
out.println("<a href=jspFiles/index.jsp>");
out.println("<img id=image1 style='FILTER: revealTrans(Duration=4.0, Transition=25); VISIBILITY: hidden' src=img/button.jpg border=0>"); //这里也一样不要换行!~
out.println("</a></td></tr></table>");
out.println("</body>");
}
}
最后再次感谢Henry_Zhang_boy、sidenycc和其他帮助过我的网友，方法都是他们提供的我只是收集整理了一下。
我给我们工作室用servlet调用vbs脚本做了一个首页(进入页面)。vbs对按钮加了一个渐显的效果，非常漂亮，值得收藏。效果:
发表于 @ 2008年03月27日 07:50:00|评论(loading...)|收藏