javascript网页特效总结(javascript制作网页特效)
需求个js 实现点击文字选中复选框特效
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
meta name="keywords" content="站长,网页特效,js特效,广告代码,zzjs,zzjs.net,sky,,站长特效 网" /
meta name="description" content=",站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" /
title点击文字选中单选框，sky整理收集，站长特效欢迎您。/title
style type="text/css"
!--
body { font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 4px; margin-right: 0px}
A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none }
A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline }
a:active { font: 9pt "宋体"; cursor: hand; color: #FF0033 }
--
/style
/head
body
a href=""站长特效网/a,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。hr
!--欢迎来到站长特效网，我们网站收集大量高质量js特效，提供许多广告代码下载，网址：，zzjs@msn.com,用.net打造靓站--
script type="text/javascript" src=""/script
center
table border=0 bordercolor=#111111 borderlight=green style="border-collapse: collapse" cellpadding="0" cellspacing="0"
trtd align=center
font size=3 color=#FF0033 face="Arial, Helvetica, sans-serif"
strong style="font-weight: 400"下面为脚本显示区br
/strong/font/td/trtrtd align=center width=300 p
span style="font-size: 9pt"看看下面的选择框，似乎没有什么不同的。微妙之处在于，选择项目时不必非得在框内点击鼠标了，在文本上选择即可。不信试一试吧。/span/p
form
label for="check1"span style="font-size: 9pt"经常来这里/span/labelspan style="font-size: 9pt"
input type="CHECKBOX" id="check1" value="often" name="checkoften"
label for="check2"偶尔来看看/label
input type="CHECKBOX" id="check2" value="seldom" name="checkseldom"
/span
/form
/td/tr/table/center
br
br
br
br
br
br
br
br
/body
/html
求JAVASCRIPT的网页特效问题
一个简单的例子（IE7 + FF）：
html
head
script type="text/javascript"
function ImgBox(_boxDIV){
this.oid = ImgBox.namespace.length;
ImgBox.namespace[this.oid] = this;
this.imgs = [];
this.box = document.getElementById(_boxDIV);
this.delay = 3000;
this.actImg = -1;
}
ImgBox.namespace = [];
ImgBox.prototype.addImg = function(_src){
var _img = new Image();
_img.src = _src;
this.imgs.push(_img);
}
ImgBox.prototype.showImg = function(){
this.box.innerHTML = '';
var _n = this.actImg || 0;
var _i = this.imgs[_n];
var _img = document.createElement('IMG');
_img.src = _i.src;
this.box.appendChild(_img);
}
ImgBox.prototype.showImgInProgress = function(){
this.actImg++;
if(this.actImg=this.imgs.length){
this.actImg = 0;
}
this.showImg();
setTimeout("ImgBox.namespace["+this.oid+"].showImgInProgress()",this.delay);
}
ImgBox.prototype.play = function(_delay){
this.delay = _delay || 3000;
this.showImgInProgress();
}
/script
/head
body
使用时要先定义放置图片的容器：
div id="IB"/div
script type="text/javascript"
var ib = new ImgBox("IB");
//添加要显示的图片
ib.addImg("");
ib.addImg("");
ib.addImg("");
ib.addImg("");
ib.addImg("");
//开始播放，参数为两张图片之间的时间间隔
ib.play(5000);
/script
brbrbr
当在网络上传输大图片时，会有一个加载延时，虽然这个类使用Image对象进行了预加载，但仍然不能保证在显示图片时，图片已经加载完成，所以需要一个判断图片是否加载完成的函数。楼主自己考虑一下吧。
/body
/html
javascript网页图形特效代码分析
HTML
HEAD
TITLE图片滚动控制效果－阿里西西;/TITLE
/HEAD
BODY STYLE="overflow: hidden; border: 0" topmargin=0 leftmargin=0
table
trtd style="padding: 5"
div id="testDiv" style="border: buttonface 2 solid"
img src=""
/div
script language="JScript"
function scroll(obj, oWidth, oHeight, direction, drag, zoom, speed)
{
var scrollDiv = obj
var scrollContent = document.createElement("span")
scrollContent.style.position = "absolute"
scrollDiv.applyElement(scrollContent, "inside")
var displayWidth = (oWidth != "auto" oWidth ) ? oWidth : scrollContent.offsetWidth + parseInt(scrollDiv.currentStyle.borderRightWidth)
var displayHeight = (oHeight != "auto" oHeight) ? oHeight : scrollContent.offsetHeight + parseInt(scrollDiv.currentStyle.borderBottomWidth)
var contentWidth = scrollContent.offsetWidth
var contentHeight = scrollContent.offsetHeight
var scrollXItems = Math.ceil(displayWidth / contentWidth) + 1
var scrollYItems = Math.ceil(displayHeight / contentHeight) + 1
scrollDiv.style.width = displayWidth
scrollDiv.style.height = displayHeight
scrollDiv.style.overflow = "hidden"
scrollDiv.setAttribute("state", "stop")
scrollDiv.setAttribute("drag", drag ? drag : "horizontal")
scrollDiv.setAttribute("direction", direction ? direction : "left")
scrollDiv.setAttribute("zoom", zoom ? zoom : 1)
scrollContent.style.zoom = scrollDiv.zoom
var scroll_script = "var scrollDiv = " + scrollDiv.uniqueID +"\n"+
"var scrollObj = " + scrollContent.uniqueID +"\n"+
"var contentWidth = " + contentWidth + " * (scrollObj.runtimeStyle.zoom ? scrollObj.runtimeStyle.zoom : 1)" +"\n"+
"var contentHeight = " + contentHeight + " * (scrollObj.runtimeStyle.zoom ? scrollObj.runtimeStyle.zoom : 1)" +"\n"+
"var scrollx = scrollObj.runtimeStyle.pixelLeft" +"\n"+
"var scrolly = scrollObj.runtimeStyle.pixelTop" +"\n"+
"switch (scrollDiv.state.toLowerCase())" +"\n"+
"{" +"\n"+
"case ('scroll') :" +"\n"+
"switch (scrollDiv.direction)" +"\n"+
"{" +"\n"+
"case ('left') :" +"\n"+
"scrollx = (--scrollx) % contentWidth" +"\n"+
"break" +"\n"+
"case ('right') :" +"\n"+
"scrollx = -contentWidth + (++scrollx) % contentWidth" +"\n"+
"break" +"\n"+
"case ('up') :" +"\n"+
"scrolly = (--scrolly) % contentHeight" +"\n"+
"break" +"\n"+
"case ('down') :" +"\n"+
"scrolly = -contentHeight + (++scrolly) % contentHeight" +"\n"+
"break" +"\n"+
"case ('left_up') :" +"\n"+
"scrollx = (--scrollx) % contentWidth" +"\n"+
"scrolly = (--scrolly) % contentHeight" +"\n"+
"break" +"\n"+
"case ('left_down') :" +"\n"+
"scrollx = (--scrollx) % contentWidth" +"\n"+
"scrolly = -contentHeight + (++scrolly) % contentHeight" +"\n"+
"break" +"\n"+
"case ('right_up') :" +"\n"+
"scrollx = -contentWidth + (++scrollx) % contentWidth" +"\n"+
"scrolly = (--scrolly) % contentHeight" +"\n"+
"break" +"\n"+
"case ('right_down') :" +"\n"+
"scrollx = -contentWidth + (++scrollx) % contentWidth" +"\n"+
"scrolly = -contentHeight + (++scrolly) % contentHeight" +"\n"+
"break" +"\n"+
"default :" +"\n"+
"return" +"\n"+
"}" +"\n"+
"scrollObj.runtimeStyle.left = scrollx" +"\n"+
"scrollObj.runtimeStyle.top = scrolly" +"\n"+
"break" +"\n"+
"case ('stop') :" +"\n"+
"case ('drag') :" +"\n"+
"default :" +"\n"+
"return" +"\n"+
"}"
var contentNode = document.createElement("span")
contentNode.runtimeStyle.position = "absolute"
contentNode.runtimeStyle.width = contentWidth
scrollContent.applyElement(contentNode, "inside")
for (var i=0; i = scrollXItems; i++)
{
for (var j=0; j = scrollYItems ; j++)
{
if (i+j == 0) continue
var tempNode = contentNode.cloneNode(true)
var contentLeft, contentTop
scrollContent.insertBefore(tempNode)
contentLeft = contentWidth * i
contentTop = contentHeight * j
tempNode.runtimeStyle.left = contentLeft
tempNode.runtimeStyle.top = contentTop
}
}
scrollDiv.onpropertychange = function()
{
var propertyName = window.event.propertyName
var propertyValue = eval("this." + propertyName)
switch(propertyName)
{
case "zoom" :
var scrollObj = this.children[0]
scrollObj.runtimeStyle.zoom = propertyValue
var content_width = scrollObj.children[0].offsetWidth * propertyValue
var content_height = scrollObj.children[0].offsetHeight * propertyValue
scrollObj.runtimeStyle.left = -content_width + (scrollObj.runtimeStyle.pixelLeft % content_width)
scrollObj.runtimeStyle.top = -content_height + (scrollObj.runtimeStyle.pixelTop % content_height)
break
}
}
scrollDiv.onlosecapture = function()
{
this.state = this.tempState ? this.tempState : this.state
this.runtimeStyle.cursor = ""
this.removeAttribute("tempState")
this.removeAttribute("start_x")
this.removeAttribute("start_y")
this.removeAttribute("default_left")
this.removeAttribute("default_top")
}
scrollDiv.onmousedown = function()
{
if (this.state != "drag") this.setAttribute("tempState", this.state)
this.state = "drag"
this.runtimeStyle.cursor = "default"
this.setAttribute("start_x", event.clientX)
this.setAttribute("start_y", event.clientY)
this.setAttribute("default_left", this.children[0].style.pixelLeft)
this.setAttribute("default_top", this.children[0].style.pixelTop)
this.setCapture()
}
scrollDiv.onmousemove = function()
{
if (this.state != "drag") return
var scrollx = scrolly = 0
var zoomValue = this.children[0].style.zoom ? this.children[0].style.zoom : 1
var content_width = this.children[0].children[0].offsetWidth * zoomValue
var content_Height = this.children[0].children[0].offsetHeight * zoomValue
if (this.drag == "horizontal" || this.drag == "both")
{
scrollx = this.default_left + event.clientX - this.start_x
scrollx = -content_width + scrollx % content_width
this.children[0].runtimeStyle.left = scrollx
}
if (this.drag == "vertical" || this.drag == "both")
{
scrolly = this.default_top + event.clientY - this.start_y
scrolly = -content_Height + scrolly % content_Height
this.children[0].runtimeStyle.top = scrolly
}
}
scrollDiv.onmouseup = function()
{
this.releaseCapture()
}
scrollDiv.state = "scroll"
setInterval(scroll_script, speed ? speed : 20)
}
/script
script language="JScript"
window.onload = new Function("scroll(document.all['testDiv'], 325)")
/script
br
button onclick="testDiv.direction='up'; testDiv.state='scroll'"span style="font-family: Webdings"5/span向上/button
button onclick="testDiv.direction='left'; testDiv.state='scroll'"span style="font-family: Webdings"3/span向左/button
button onclick="testDiv.state='stop'"span style="font-family: Webdings";/span停止/button
button onclick="testDiv.state='scroll'"span style="font-family: Webdings"8/span播放/button
button onclick="testDiv.direction='right'; testDiv.state='scroll'"span style="font-family: Webdings"4/span向右/button
button onclick="testDiv.direction='down'; testDiv.state='scroll'"span style="font-family: Webdings"6/span向下/button
br
缩放：
select onchange="testDiv.zoom = this.options[selectedIndex].value"
option value=1100%/option
option value=2200%/option
option value=3300%/option
/select
托动范围：
select onchange="testDiv.drag = this.options[selectedIndex].value"
option value="both"随意/option
option value="horizontal" selected横向/option
option value="vertical"纵向/option
/select
/td/tr
/table
/BODY
/HTML
JavaScript网页特效范例宝典的目录
第1章 窗口/框架与导航条设计 1
1.1 弹出窗口控制 2
实例001 打开新窗口显示广告信息 2
实例002 定时打开窗口 4
实例003 通过按钮创建窗口 5
实例004 自动关闭的广告窗口 6
实例005 控制弹出窗口居中显示 7
实例006 弹出的窗口之Cookie控制 9
实例007 为弹出的窗口加入关闭按钮 11
实例008 关闭弹出窗口时刷新父窗口 12
实例009 关闭IE主窗口时，不弹出询问对话框 13
1.2 弹出网页对话框 14
实例010 弹出网页模式对话框 14
实例011 弹出全屏显示的网页模式对话框 16
实例012 网页拾色器 18
实例013 日期选择器 21
1.3 窗口的动画效果 26
实例014 页面自动滚动 26
实例015 打开窗口特殊效果 27
实例016 动态显示窗口 29
实例017 慢慢放大的窗口 30
实例018 下降式浏览器 32
实例019 旋转的窗口 33
实例020 移动的窗口 34
实例021 震动的窗口 35
实例022 弹出广告窗口 36
1.4 窗口控制 37
实例023 窗口始终在最上面 38
实例024 窗口的最小化、最大化 39
实例025 频道方式窗口 41
实例026 全屏显示 42
实例027 设置窗口大小和位置 43
实例028 刷新当前页 44
实例029 自动最大化 45
实例030 自定义导航控制面板 46
实例031 根据用户分辨率自动调整窗口 48
1.5 窗口的其他效果 49
实例032 打开窗口时显示对话框 50
实例033 使窗口背景透明 50
实例034 立体窗口 52
实例035 动态标题栏 53
实例036 固定大小的窗口 54
1.6 框架的应用 55
实例037 框架集的嵌套 56
实例038 在网页中应用浮动框架 58
实例039 创建空白框架 60
实例040 居中显示框架页 62
1.7 无边框窗口 63
实例041 全屏显示无边框有滚动条的窗口 63
实例042 应用CSS+DIV实现指定尺寸无边框无滚动条窗口 65
实例043 应用JavaScript实现指定尺寸无边框无滚动条窗口 67
1.8 水平导航条应用 69
实例044 图片按钮导航条 69
实例045 导航条的动画效果 71
实例046 不用图片实现质感导航条 72
1.9 下拉菜单式导航条 73
实例047 二级导航菜单 74
实例048 半透明背景的下拉菜单 76
实例049 展开式导航条 80
实例050 用层制作下拉菜单1 81
实例051 用层制作下拉菜单2 84
1.10 侧导航条设计 86
实例052 自动隐藏式菜单 87
实例053 收缩式导航菜单 89
实例054 树状导航菜单 91
第2章 表单及表单元素 95
2.1 文本框/编辑框/隐藏域组件 96
实例055 获取文本框/编辑框/隐藏域的值 96
实例056 自动计算金额 97
实例057 设置文本框的只读属性 98
实例058 限制多行文本域输入的字符个数 100
实例059 自动选择文本框/编辑框中的文字 102
实例060 按下回车键时自动切换焦点 103
2.2 下拉列表/菜单 104
实例061 获取下拉列表/菜单的值 104
实例062 遍历多选择下拉列表 105
实例063 在下拉列表中进行多选移除 106
实例064 将数组中的数据添加到下拉菜单中 107
实例065 应用下拉菜单选择所要联机的网站 108
实例066 多级级联菜单 110
实例067 可以输入文字的下拉菜单 111
实例068 根据下拉菜单的值显示不同控件 112
实例069 分级下拉列表 113
2.3 单选按钮组 114
实例070 不提交表单获取单选按钮的值 114
实例071 选中单选按钮后显示其他表单元素 116
实例072 通过单选按钮控制其他表单元素是否可用 117
2.4 复选框 117
实例073 不提交表单获取复选框的值 118
实例074 控制复选框的全选或反选 118
实例075 只有一个复选框时控制复选框的全选或反选 119
2.5 密码域 120
实例076 让您的密码域更安全 120
实例077 不提交表单自动检测密码域是否相同 121
2.6 表单应用 122
实例078 通过JavaScript控制表单的提交与重置 122
实例079 带记忆功能的表单 123
实例080 防止表单重复提交 124
实例081 自动提交表单 125
实例082 通过for循环获取表单元素的中文名称 126
实例083 可以提交到不同处理页的表单 127
第3章 实用JavaScript函数 129
3.1 数据验证 130
实例084 通过正则表达式验证日期 130
实例085 验证输入的日期格式是否正确 132
实例086 检查表单元素是否为空 134
实例087 验证E-mail是否正确 135
实例088 通过正则表达式验证电话号码 137
实例089 验证输入的字符串是否为汉字 139
实例090 验证身份证号码 140
实例091 验证用户名和密码 142
实例092 验证车牌号码 144
实例093 验证网站地址 145
实例094 验证数量和金额 147
实例095 验证字符串是否以指定字符开头 149
实例096 限制输入字符串的长度 150
3.2 字符串处理 152
实例097 小写金额转换为大写金额 152
实例098 去除字符串中的空格 155
实例099 转换输入文本中的回车和空格 156
实例100 将数字字符串格式化为指定长度 158
实例101 把一个长数字分位显示 159
实例102 将RGB格式的颜色值转换为十六进制格式 161
实例103 将IP地址转换为对应的数值 163
实例104 从指定URL中提取文件名 164
3.3 随机函数 166
实例105 随机产生指定位数的验证码 166
实例106 生成随机字符串 167
3.4 日期与时间 169
实例107 显示长日期格式的系统日期 169
实例108 实时显示系统时间 171
第4章 日期和时间 173
4.1 日期时间显示 174
实例109 在标题栏中显示日期时间 174
实例110 使用toLocaleString()方法获取本地时间 176
实例111 全中文显示日期 176
实例112 在状态栏中显示日期时间 178
实例113 使用数组显示星期 179
实例114 在表格中显示时间 180
实例115 退出页面时显示停留时间 181
实例116 显示用户在页面的停留时间 182
实例117 显示最后修改时间 183
4.2 日期时间算法 184
实例118 计算某一天是星期几 184
实例119 判断指定年份是否为闰年 186
实例120 计算从出生到现在度过的时间 187
实例121 返回两个日期之间的间隔小时 188
实例122 倒计时 190
实例123 访问时间限制 191
实例124 计步器 192
4.3 日期时间特效 194
实例125 分时问候 194
实例126 节日提示 195
实例127 倒影时钟 196
实例128 带阴影的时钟 199
实例129 动态石英钟 200
实例130 生日提醒器 203
实例131 数字时钟 205
实例132 各地时间表 206
实例133 位于页面顶层的时钟 209
第5章 文字特效 213
5.1 文字的颜色变换 214
实例134 简单文字变色 214
实例135 文字变色 215
实例136 变换的文字 216
实例137 描边文字 217
实例138 霓虹灯文字 218
实例139 追逐点亮的文字 219
实例140 萤光文字 220
实例141 发光文字的闪烁效果 221
实例142 文字的舞台灯光效果 223
实例143 制作彩色渐变文字动画 224
5.2 改变文字大小 226
实例144 文字伸缩 226
实例145 动荡的文字 227
实例146 文字伸展 228
实例147 文字逐个放大 230
实例148 自动改变大小 231
实例149 选择字体的大小 232
5.3 文字显示效果 234
实例150 文字渐隐渐现 234
实例151 文字虚幻变化 235
实例152 文字虚幻抖动 237
5.4 指定文字位置 238
实例153 将文字置于工作区左上角 238
实例154 右上角文字 239
实例155 鼠标移动文字 241
5.5 文字动态移动 242
实例156 文字自动滚屏 242
实例157 文字上下滚动 243
5.6 文字立体效果 244
实例158 文字的旋转 244
实例159 立体旋转文字 246
实例160 文字3D效果 248
5.7 文字动画效果 249
实例161 反弹文字 249
实例162 飞舞的文字 252
实例163 飞翔的文字 254
实例164 平面旋转的文字 257
实例165 输出文字 258
实例166 文字打字效果 259
实例167 文字抖动 261
实例168 指向文字时飞出星形标记 262
实例169 文字的抛出效果 264
5.8 文字特殊效果 265
实例170 波浪文字 265
实例171 梦幻文字效果 266
实例172 屏风文字 268
实例173 文字阴影 270
5.9 其他 270
实例174 随机显示文字 270
实例175 文字加密及解密 271
第6章 超级链接特效 275
6.1 超级链接样式 276
实例176 改变超级链接字体样式 276
实例177 当鼠标移动到超级链接时改变超级链接颜色 277
实例178 改变超级链接背景色 278
6.2 超级链接控制 279
实例179 建立E-mail超级链接 280
实例180 获取页面中的全部超级链接 281
实例181 将网站设为首页 282
实例182 单击鼠标右键自动链接到指定网站 283
实例183 单击超级链接将本页加入收藏夹 285
实例184 访问指定的链接地址 286
实例185 返回默认主页 287
实例186 导航链接 289
6.3 超级链接特效 291
实例187 快速闪动页面中的超级链接 291
实例188 滚动的超级链接提示信息 292
实例189 公告栏中显示超级链接 294
实例190 显示超级链接站点相关信息 295
实例191 显示超级链接的提示信息 296
实例192 半透明背景的超级链接提示 297
第7章 操作表格 299
7.1 表格的颜色效果 300
实例193 闪烁的表格边框 300
实例194 单元格边框变色 301
实例195 选中的行变色 302
7.2 对单元格的焦点进行控制 303
实例196 选定表格中的单元格 303
实例197 左右移动单元格的信息 304
实例198 通过键盘使单元格焦点任意移动 306
7.3 对表格的行、列进行修改 311
实例199 动态制作表格 311
实例200 动态生成行或列 313
实例201 删除表中的行 314
7.4 单元格的相关操作 316
实例202 隐藏及显示单元格 316
实例203 编辑单元格中的文本信息 318
实例204 合并单元格 320
实例205 在表格中添加行及单元格 322
实例206 删除表中的单元格 324
7.5 表格的特殊效果 325
实例207 透明表格 326
实例208 限制表格的宽度 327
实例209 表格的标题 328
实例210 表格的外阴影 329
实例211 立体表格 329
实例212 虚线边框表格 330
实例213 表格作为分割线 332
实例214 表格向下展开 332
第8章 图形图像与多媒体 335
8.1 图片大小 336
实例215 打开自定义大小的图片 336
实例216 图片放大缩小 337
实例217 通过鼠标滚轮放大缩小图片 338
8.2 图片与鼠标相关操作 339
实例218 跟随鼠标移动的图片 340
实例219 可以左右拖动的图片 340
实例220 随意拖动图片 342
实例221 当鼠标经过图片时显示图片 344
实例222 改变图片获取焦点时的状态 345
实例223 抖动的图片 346
实例224 鼠标移动放大图片 347
8.3 图片与时间相关操作 349
实例225 定时隐藏图片 349
实例226 根据时间变换页面背景 350
实例227 使图片不停闪烁 352
实例228 上下跳动的图片 352
实例229 图片左右晃动 354
实例230 飘舞的变形图片 356
8.4 图片的动画效果 358
实例231 图片翻转效果 359
实例232 水波倒影特效 360
实例233 图片渐隐渐现 361
实例234 图片的探照灯效果 362
实例235 雷达扫描图片特效 363
实例236 在页面中旋转的图片 365
实例237 改变形状的图片 366
实例238 图片在页面浮动 367
实例239 随机变化的网页背景 369
8.5 选择头像 370
实例240 在列表中选择图片 370
实例241 在弹出的新窗口中选择图片 372
8.6 在页面中播放图片 374
实例242 幻灯片式播放图片 374
实例243 无间断的图片循环滚动效果 376
8.7 图片的其他效果 377
实例244 导航地图 377
8.8 播放音乐 378
实例245 为网页设置背景音乐 378
实例246 随机播放背景音乐 380
实例247 MIDI音乐选择 381
8.9 插入Flash动画 383
实例248 插入Flash动画 383
实例249 插入背景透明的Flash动画 384
8.10 播放视频文件 385
实例250 播放AVI文件 385
实例251 自制视频播放器 387
第9章 页面特效 391
9.1 页面背景效果 392
实例252 背景固定居中 392
实例253 背景图片纵向重复显示 393
实例254 通过按钮变换背景颜色 395
实例255 背景自动变色 396
实例256 百叶窗 396
实例257 渐隐渐显的背景颜色 398
实例258 页面缩小 399
实例259 页面上下打开效果 400
实例260 页面左右打开效果 402
实例261 页面溶解效果 404
9.2 特殊页面 406
实例262 页首页尾切换 406
实例263 调用下载页面 408
实例264 程序加载页面 409
实例265 颜色拾取器 411
9.3 广告页面 415
实例266 图片总置于顶端 415
实例267 随机显示广告 416
实例268 广告随滚动条漂移 418
9.4 页面动画效果 419
实例269 下雪 419
实例270 飘落的枫叶 421
实例271 下雨 423
实例272 背景的烟花效果 425
实例273 变色的圆圈 427
实例274 滚动的光环 429
实例275 星空极速飞入效果 430
实例276 闪烁的星星 432
9.5 其他 434
实例277 带密码的网页 434
实例278 页面左右滚动 435
实例279 动态移动的层 437
实例280 在页面中显示十字光标 438
第10章 状态栏特效 441
10.1 状态栏文字动画 442
实例281 使状态栏中的文字不停闪烁 442
实例282 文字从右向左依次弹出 443
实例283 文字从中间向两边展开 445
实例284 文字跑马灯特效 447
实例285 文字依次显示后快速收缩 449
实例286 文字的展开与收缩 451
实例287 状态栏中的文字依次弹出 452
10.2 其他 453
实例288 在状态栏显示固定自定义信息 453
实例289 在状态栏显示鼠标坐标 454
实例290 在状态栏显示特定的超级链接信息 456
第11章 报表与打印 459
11.1 Web打印 460
实例291 调用IE自身的打印功能实现打印 460
实例292 打印指定框架中的内容 461
实例293 利用WebBrowser打印 462
实例294 设置页眉页脚 463
11.2 利用Word打印报表 465
实例295 将页面中的表格导出到Word并打印 465
实例296 打开指定的Word文档并打印 467
实例297 在JSP中利用Word自动打印指定格式的会议记录 468
实例298 在ASP中利用Word自动打印指定格式的会议记录 470
实例299 在PHP中调用Word自动打印指定格式的会议记录 472
11.3 利用Excel打印报表 474
实例300 将Web页面中的数据导出到Excel 474
实例301 将Web页面中的数据导出到Excel并自动打印 476
11.4 利用CSS样式打印 478
实例302 利用CSS样式打印页面中的指定内容 478
实例303 利用CSS样式分页打印 479
11.5 套打邮寄产品单 482
实例304 打印汇款单 482
实例305 打印快递单 484
实例306 打印信封 485
第12章 网站安全 489
12.1 禁止用户复制网页内容 490
实例307 禁止用户复制网页内容(方法一) 490
实例308 禁止用户复制网页内容(方法二) 491
实例309 禁止网页另存为 492
12.2 禁止用户刷新屏幕 493
实例310 屏蔽IE主菜单 493
实例311 屏蔽键盘相关事件 494
实例312 屏蔽鼠标右键 496
12.3 登录页面 497
实例313 具有浏览器检测功能的登录页面 497
实例314 防止SQL注入的登录页面 498
实例315 带验证码的登录页面 500
12.4 其他 501
实例316 使用Script Encoder加密工具加密 501
第13章 HTML/CSS样式 503
13.1 页面效果 504
实例317 统一站内网页风格 504
实例318 设置超级链接文字的样式 508
实例319 网页换肤 509
实例320 滚动文字 512
实例321 制作渐变背景 513
13.2 表格样式 514
实例322 只有外边框的表格 515
实例323 彩色外边框的表格 516
实例324 控制表格指定外边框不显示 518
实例325 背景颜色渐变的表格 520
实例326 表格隔行变色 521
13.3 鼠标及滚动条样式 522
实例327 显示自定义鼠标形状 522
实例328 动画光标 524
实例329 制作彩色滚动条 525
13.4 文字及列表样式 527
实例330 应用删除线样式标记商品特价 527
实例331 在文字上方标注说明标记 528
实例332 指定图标的列表项 529
13.5 文字滤镜特效 530
实例333 文字的发光效果 531
实例334 文字的阴影效果 532
实例335 文字的渐变阴影效果 533
实例336 文字的图案填充效果 534
实例337 文字的探照灯效果 535
实例338 文字的闪烁效果 537
实例339 文字的空心效果 538
实例340 文字的浮雕效果 539
实例341 文字的阳文效果 540
实例342 文字的雪雕效果 541
实例343 火焰字 542
实例344 文字扭曲动画 544
13.6 图片滤镜特效 545
实例345 图片的半透明效果 545
实例346 图片的模糊效果 546
实例347 图片的水波纹特效 547
实例348 图片的灰度效果 548
实例349 图片的动态说明文字 549
第14章 JavaScript与XML 553
14.1 读取XML文件 554
实例350 使用XML DOM对象读取XML文件 554
实例351 使用XMLHttpRequest对象读取XML文件 557
14.2 显示XML文档 559
实例352 使用CSS显示XML文档 559
实例353 使用XSL显示XML文档 562
实例354 使用IE XML数据岛输出XML文档 564
14.3 操作XML 565
实例355 用JavaScript控制XML文档的分页显示 565
实例356 通过操作XML数据岛实现添加、删除留言信息 567
第15章 JavaScript与ASP结合 573
15.1 弹出窗口/对话框控制 574
实例357 关闭弹出窗口时刷新父窗口 574
实例358 打开新窗口显示详细信息 575
实例359 弹出网页模式对话框 577
实例360 日期选择器 580
实例361 弹出提示对话框并重定向网页 584
实例362 打开指定大小的新窗口并居中显示 586
15.2 弹出确认对话框 588
实例363 删除数据前弹出确认对话框 588
实例364 安全退出前弹出确认对话框 590
15.3 其他 591
实例365 远程获取其他网页情报 591
实例366 树状导航菜单 594
实例367 使用XML实现不刷新页面查询数据 596
第16章 JavaScript与JSP结合 601
16.1 窗口与对话框 602
实例368 弹出提示对话框并重定向网页 602
实例369 打开新窗口显示详细信息 604
实例370 打开指定大小的新窗口并居中显示 605
实例371 弹出网页模式对话框 607
实例372 关闭弹出窗口时刷新父窗口 609
16.2 无刷新技术 611
实例373 无刷新的用户名检测 611
实例374 无刷新的级联下拉列表 614
实例375 使用XML实现不刷新页面查询数据 616
16.3 调用与控制 619
实例376 将查询结果导出到Word 619
实例377 调用Excel 621
实例378 调用PowerPoint 622
16.4 其他 623
实例379 树状导航菜单 623
第17章 JavaScript与ASP.NET结合 627
17.1 窗口与对话框 628
实例380 使用JavaScript脚本弹出对话框 628
实例381 打开新窗口显示详细信息 629
实例382 关闭弹出窗口刷新父窗口 631
实例383 弹出网页模式对话框 633
实例384 弹出全屏显示网页 635
17.2 其他 637
实例385 自动隐藏式菜单 637
第18章 JavaScript与PHP结合 641
18.1 窗口与对话框 642
实例386 弹出提示对话框并重定向网页 642
实例387 关闭弹出窗口时自动刷新父窗口 643
实例388 在弹出的网页模式对话框中选择个性头像 645
实例389 时间选择器 647
实例390 弹出提示对话框并重定向网页 649
实例391 删除数据前弹出确认对话框 650
18.2 其他 651
实例392 树状导航菜单 651
第19章 综合应用 657
19.1 计算器 658
实例393 简单计算器 658
实例394 复杂计算器 662
19.2 日历 667
实例395 精美日历 668
实例396 带农历的日历 674
19.3 购物车 681
实例397 添加至购物车 682
实例398 查看购物车 684
实例399 修改商品购买数量 686
实例400 从购物车中移去指定商品 687
实例401 清空购物车 689
JavaScript程序开发范例宝典附录 691