找回密码
 注册
搜索
热搜: 回贴

JavaScript经典效果集锦(二)

2009-12-16 02:39| 发布者: admin| 查看: 49| 评论: 0|原作者: 情殇

*****[第2页目录]*****
十一 超级强大的表单验证-----推荐
十二 漂亮的脚本日历
十三 进入,退出页面的各种效果!
十四 很酷的效果,表格被选中回变颜色
十五 弹出提示的效果
十六 图片之间的切换
十七 DIV_圆边圆角的实现
十八 跳动的菜单
十九 通过页面抓取照片
二十 客户端静态页面玩分页
十 JSP页面自动生成html页面/或任何格式页面:
先建立一个模本页面:template.htm
代码拷贝框


###title###

















###title###
作者:###author###  
###content###




[Ctrl+A 全部选择 然后拷贝]
再写一个JSP页面: buildhtml.jsp:
代码拷贝框
<%@ page contentType="text/html; charset=gb2312" import="java.util.*,java.io.*"%>
<%
try{
String title="李鹏的jsp生成静态html文件";
String content="小样,还搞不定你?";
String editer="hpsoft";
String filePath = "";
filePath = request.getRealPath("/")+"template.htm";
out.print(filePath);
String templateContent="";
FileInputStream fileinputstream = new FileInputStream(filePath);//读取模块文件
int lenght = fileinputstream.available();
byte bytes[] = new byte[lenght];
fileinputstream.read(bytes);
fileinputstream.close();
templateContent = new String(bytes);
out.print(templateContent);
templateContent=templateContent.replaceAll("###title###",title);
templateContent=templateContent.replaceAll("###content###",content);
templateContent=templateContent.replaceAll("###author###",editer);//替换掉模块中相应的地方
out.print(templateContent);
// 根据时间得文件名
Calendar calendar = Calendar.getInstance();
String fileame = String.valueOf(calendar.getTimeInMillis()) +".html";
fileame = request.getRealPath("/")+fileame;//生成的html文件保存路径
FileOutputStream fileoutputstream = new FileOutputStream(fileame);//建立文件输出流
out.print("文件输出路径:
");
out.print(fileame);
byte tag_bytes[] = templateContent.getBytes();
fileoutputstream.write(tag_bytes);
fileoutputstream.close();
}
catch(Exception e){
out.print(e.toString());
}

%>

[Ctrl+A 全部选择 然后拷贝]
十一 超级强大的表单验证:
运行代码框
表单验证类 Validator v1.01




































































真实姓名:
英文名:
主页:
密码:
重复:
信箱:
信箱:
QQ:
身份证:
年龄:
年龄1:
电话:
手机:
生日:
邮政编码:
邮政编码:
操作系统:
所在省份:广东陕西浙江江西
爱好:运动上网听音乐看书
自我介绍:
自传:


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
十二 漂亮的脚本日历:
运行代码框




















3 4


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
十三 进入,退出页面的各种效果:
进入页面
推出页面
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间,以秒为单位。transition表示使用哪种特效,取值为1-23:
  0 矩形缩小
  1 矩形扩大
  2 圆形缩小
  3 圆形扩大
  4 下到上刷新
  5 上到下刷新
  6 左到右刷新
  7 右到左刷新
  8 竖百叶窗
  9 横百叶窗
  10 错位横百叶窗
  11 错位竖百叶窗
  12 点扩散
  13 左右到中间刷新
  14 中间到左右刷新
  15 中间到上下
  16 上下到中间
  17 右下到左上
  18 右上到左下
  19 左上到右下
  20 左下到右上
  21 横条
  22 竖条
  23 以上22种随机选择一种
十四 很酷的效果,表格被选中回变颜色:
运行代码框




Mapabc地图无限





















把鼠标移过来 把鼠标移过来
把鼠标移过来 把鼠标移过来
把鼠标移过来 把鼠标移过来
把鼠标移过来 把鼠标移过来




[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
十五 弹出提示的效果:
运行代码框



cao888---提示







[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
十六 图片之间的切换:
运行代码框


border=0 name=imgInit height="210">



[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
十七 DIV_圆边圆角的实现:
运行代码框







[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
十八 跳动的菜单:
运行代码框



模仿as效果的导航菜单




News

Populor

Sports

Woman

1.由AS而想起Javascript
2.用Jscript写ASP有没有先天性的不足?
3.没有了。

1.xhtml+css真的来了吗?
2.Flash取代传统网站
3.Flash何时才能连接数据库

1.程序员与小姐的10个相同。
2.中国的程序员与中国的足球?

1.二十一世纪最缺的是什么?人才

http://www.gamvan.com
http://www.gamvan.com



[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
十九 通过页面抓取照片:
运行代码框


te




name=vs_targetSchema>rel=stylesheet>

 
cellPadding=0 width=500 align=center bgColor=#ffffff border=1>







background=te.files/titledown.gif colSpan=2>
style="PADDING-LEFT: 15px; COLOR: #660033; LINE-HEIGHT: 1.5em; PADDING-TOP: 10px"
vAlign=top borderColor=#ffffff align=left
background=te.files/bg1.gif>友善提醒:
1、如果别的程
序(如qq)或者其他网页正在使用摄像头,请先关闭相关程序,否则本
face=宋体>网页对摄像头的功能不能使用。
2、本网页必须使用一个插件ezvidc60.ocx,如果你未安装,请href="http://nnyc.vicp.net:4099/schoolstation/source/ezvid.rar">下载安装,(把下载的文件ezvid.rar解压到一个目录后,双击执行ezvid.bat即可)。如果您认为这会威胁到您计算机的安全,请关闭本页。

classid=CLSid:DF6D6569-5B0C-11D3-9396-008029E9B3A6 name=Form1_vd
VIEWASTEXT>































colSpan=2>face=宋体>





===================================================================================




te




name=vs_targetSchema>rel=stylesheet>

 
cellPadding=0 width=500 align=center bgColor=#ffffff border=1>







background=te.files/titledown.gif colSpan=2>
style="PADDING-LEFT: 15px; COLOR: #660033; LINE-HEIGHT: 1.5em; PADDING-TOP: 10px"
vAlign=top borderColor=#ffffff align=left
background=te.files/bg1.gif>友善提醒:
1、如果别的程
序(如qq)或者其他网页正在使用摄像头,请先关闭相关程序,否则本
face=宋体>网页对摄像头的功能不能使用。
2、本网页必须使用一个插件ezvidc60.ocx,如果你未安装,请href="http://nnyc.vicp.net:4099/schoolstation/source/ezvid.rar">下载安装,(把下载的文件ezvid.rar解压到一个目录后,双击执行ezvid.bat即可)。如果您认为这会威胁到您计算机的安全,请关闭本页。

classid=CLSid:DF6D6569-5B0C-11D3-9396-008029E9B3A6 name=Form1_vd
VIEWASTEXT>































colSpan=2>face=宋体>



[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
二十 客户端静态页面玩分页:
运行代码框



New Document








header


footer



[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

最新评论

QQ|小黑屋|最新主题|手机版|微赢网络技术论坛 ( 苏ICP备08020429号 )

GMT+8, 2024-9-30 11:29 , Processed in 0.171661 second(s), 12 queries , Gzip On, MemCache On.

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

返回顶部