DreamAngel
如果你希望成功,以恒心为良友,以经验为参谋,以小心为兄弟,以希望为哨兵。
BlogJava
首页
新随笔
联系
聚合
管理
随笔 - 147 文章 - 71 trackbacks - 0
<
2009年1月
>
日
一
二
三
四
五
六
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
我的其它Blog:
www.cppblog.com/dreamangel/
blog.csdn.net/fjnu_angel/
常用链接
我的随笔
我的评论
我的参与
最新评论
留言簿
(1)
给我留言
查看公开留言
查看私人留言
随笔分类
(146)
ACM(28)
ajax(9)
eclipse(3)
Game(6)
Hibernate(1)
java(20)
javascript(19)
jfreechart(3)
jfreereport(1)
JSP(16)
linux(4)
log4j(3)
Spring(1)
SQL(7)
Struts(3)
Tomcat(3)
其它(12)
正则表达式(3)
网络管理(2)
软件设计(2)
随笔档案
(147)
2015年4月 (1)
2013年9月 (2)
2013年8月 (1)
2013年3月 (1)
2012年8月 (2)
2012年7月 (1)
2012年6月 (1)
2012年5月 (2)
2012年3月 (2)
2012年2月 (1)
2012年1月 (2)
2011年12月 (3)
2011年11月 (6)
2011年10月 (6)
2011年9月 (1)
2010年5月 (1)
2010年4月 (1)
2010年1月 (1)
2009年12月 (3)
2009年11月 (7)
2009年10月 (7)
2009年9月 (9)
2009年8月 (6)
2009年7月 (17)
2009年6月 (8)
2009年5月 (8)
2009年4月 (4)
2009年3月 (17)
2009年2月 (16)
2009年1月 (10)
文章分类
(28)
foj(3)
poj(15)
spoj(9)
zoj(1)
文章档案
(28)
2010年9月 (2)
2010年7月 (1)
2009年9月 (14)
2009年8月 (11)
喜欢的Blog
BeanSoft
fuhoujun
yoyo
不朽的飞翔
乐在其中
宇天
我和hacker有个约会
银河使者
阿蜜果
搜索
最新评论
1. re: MyEclipse6.5 注册码生成方法,自己输入用户名[未登录]
5656
--lk
2. re: MyEclipse6.5 注册码生成方法,自己输入用户名
henhaoyong
--wuxiaoming
3. re: MyEclipse6.5 注册码生成方法,自己输入用户名
wuxiaoming
--wuxiaoming
4. re: js获得table单元格的信息
飒沓
--阿尔
5. re: log4j:ERROR Failed to rename错误解决办法[未登录]
谢谢楼主,问题解决!
--bobo
阅读排行榜
1. 用户权限管理设计(33576)
2. 关于路由器设置DI-504的401 Unauthorized authorization required(19069)
3. ubuntu下gcc的安装与使用(18738)
4. Proguard使用教程(12590)
5. ExtJS的tbar布局(10570)
评论排行榜
1. MyEclipse6.5 注册码生成方法,自己输入用户名(14)
2. 用户权限管理设计(9)
3. OA系统权限管理设计方案(7)
4. 判断一个月有多少天(正确的方法)(4)
5. 泰讯软件数据库笔试题目(SQL Server 2000版)(3)
JavaScript方法和技巧大全——图像
读取图像属性
1
<
img
src
="/”image1.jpg"
” name
=”myImage”
>
2
<
a
href
=”#
” onClick
=”window.alert(document.myImage.width)”
>
Width
</
a
>
动态加载图像
1
<
script
language
=”JavaScript”
>
2
myImage
=
new
Image;
3
myImage.src
=
“Tellers1.jpg”;
4
</
script
>
简单的图像替换
1
<
script
language
=”JavaScript”
>
2
rollImage
=
new
Image;
3
rollImage.src
=
“rollImage1.jpg”;
4
defaultImage
=
new
Image;
5
defaultImage.src
=
“image1.jpg”;
6
</
script
>
7
<
a
href
="/”myUrl"
” onMouseOver
=”document.myImage.src = rollImage.src;”
8
onMouseOut
=”document.myImage.src = defaultImage.src;”
>
9
<
img
src
="/”image1.jpg"
” name
=”myImage”
width
=100
height
=100
border
=0
>
随机显示图像
1
<
script
language
=”JavaScript”
>
2
var
imageList
=
new
Array;
3
: imageList[
0
]
=
“image1.jpg”;
3
imageList[
1
]
=
“image2.jpg”;
4
imageList[
2
]
=
“image3.jpg”;
5
imageList[
3
]
=
“image4.jpg”;
6
var
imageChoice
=
Math.floor(Math.random()
*
imageList.length);
7
document.write(‘
<
img src
=
”’
+
imageList[imageChoice]
+
‘“
>
’);
8
</
script
>
函数实现的图像替换
1
<
script
language
=”JavaScript”
>
2
var
source
=
0
;
3
var
replacement
=
1
;
4
function
createRollOver(originalImage,replacementImage)
{
5
var
imageArray
=
new
Array;
6
imageArray[source]
=
new
Image;
7
imageArray[source].src
=
originalImage;
8
imageArray[replacement]
=
new
Image;
9
imageArray[replacement].src
=
replacementImage;
10
return
imageArray;
11
}
12
var
rollImage1
=
createRollOver(“image1.jpg”,”rollImage1.jpg”);
13
</
script
>
14
<
a
href
=”#”
onMouseOver
=”document.myImage1.src = rollImage1[replacement].src;”
15
onMouseOut
=”document.myImage1.src = rollImage1[source].src;”
>
16
<
img
src
="/”image1.jpg"
” width
=100
name
=”myImage1”
border
=0
>
17
</
a
>
创建幻灯片
1
<
script
language
=”JavaScript”
>
2
var
imageList
=
new
Array;
3
imageList[
0
]
=
new
Image;
4
imageList[
0
].src
=
“image1.jpg”;
5
imageList[
1
]
=
new
Image;
6
imageList[
1
].src
=
“image2.jpg”;
7
imageList[
2
]
=
new
Image;
8
imageList[
2
].src
=
“image3.jpg”;
9
imageList[
3
]
=
new
Image;
10
imageList[
3
].src
=
“image4.jpg”;
11
function
slideShow(imageNumber)
{
12
document.slideShow.src
=
imageList[imageNumber].src;
13
imageNumber
+=
1
;
14
if
(imageNumber
<
imageList.length)
{
15
window.setTimeout(“slideShow(“
+
imageNumber
+
“)”,
3000
);
16
}
17
}
18
</
script
>
19
</
head
>
20
<
body
onLoad
=”slideShow(0)”
>
21
<
img
src
="/”image1.jpg"
” width
=100
name
=”slideShow”
>
随机广告图片
1
<
script
language
=”JavaScript”
>
2
var
imageList
=
new
Array;
3
imageList[
0
]
=
“image1.jpg”;
4
imageList[
1
]
=
“image2.jpg”;
5
imageList[
2
]
=
“image3.jpg”;
6
imageList[
3
]
=
“image4.jpg”;
7
var
urlList
=
new
Array;
8
urlList[
0
]
=
“http:
//
some.host/”;
9
urlList[
1
]
=
“http:
//
another.host/”;
10
urlList[
2
]
=
“http:
//
somewhere.else/”;
11
urlList[
3
]
=
“http:
//
right.here/”;
12
var
imageChoice
=
Math.floor(Math.random()
*
imageList.length);
13
document.write(‘
<
a href
=
”’
+
urlList[imageChoice]
+
‘“
><
img src
=
”’
+
imageList[imageChoice]
+
‘“
></
a
>
’);
14
</
script
>
posted on 2009-01-23 15:23
飞翔天使
阅读(592)
评论(1)
编辑
收藏
所属分类:
javascript
FeedBack:
#
re: JavaScript方法和技巧大全——图像
2009-01-24 07:57
heyang
不错!
回复
更多评论
新用户注册
刷新评论列表
只有注册用户
登录
后才能发表评论。
网站导航:
博客园
IT新闻
知识库
C++博客
博问
管理
相关文章:
Javascript+CSS实现Flash动态新闻效果
网页的复制和防复制
js获得table单元格的信息
图片上传的综合操作
单击放回上页的按钮或使用window.history.go(-1)返回上页的同时刷新"上页"技术
模态窗口window.showModalDialog
三种弹出对话框的用法实例
window.open教程
js常用技巧(2012.7.16更新)
javascript实现日期星期的显示