zoukankan
html css js c++ java
下面是小图,点一下上面就会出现大图
http://bbs.blueidea.com/thread-2846567-1-1.html
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<
html
xmlns
="http://www.w3.org/1999/xhtml"
>
<
head
>
<
meta
http-equiv
="Content-Type"
content
="text/html; charset=gb2312"
/>
<
title
>
无标题文档
</
title
>
<
style
type
="text/css"
>
img
{
}
{
cursor
:
pointer
}
#big img
{
}
{
width
:
100px
;
height
:
100px
;
}
</
style
>
</
head
>
<
body
>
<
script
type
="text/javascript"
>
function
change(a)
{
var
bigpic
=
document.getElementById(
"
bigpic
"
);
if
(a
==
1
)
{bigpic.setAttribute(
"
src
"
,
"
http://www.chenbincb.com.cn/cnblogs/images/smile.gif
"
)}
if
(a
==
2
)
{bigpic.setAttribute(
"
src
"
,
"
http://www.chenbincb.com.cn/cnblogs/images/frown.gif
"
)}
if
(a
==
3
)
{bigpic.setAttribute(
"
src
"
,
"
http://www.chenbincb.com.cn/cnblogs/images/tongue.gif
"
)}
}
</
script
>
<
div
id
="big"
>
<
img
src
="http://www.chenbincb.com.cn/cnblogs/images/smile.gif"
alt
=""
id
="bigpic"
>
</
div
>
<
img
src
="http://www.chenbincb.com.cn/cnblogs/images/smile.gif"
alt
=""
onclick
="change(1)"
>
<
img
src
="http://www.chenbincb.com.cn/cnblogs/images/frown.gif"
alt
=""
onclick
="change(2)"
>
<
img
src
="http://www.chenbincb.com.cn/cnblogs/images/tongue.gif"
alt
=""
onclick
="change(3)"
>
</
body
>
</
html
>
查看全文
相关阅读:
MySQL 处理重复数据
MySQL 序列使用
MySQL 元数据
MySQL 临时表和复制表
MySQL 索引
MySQL ALTER命令-修改数据表名或者修改数据表字段
MySQL 事务
MySQL 正则表达式
MySQL NULL 值处理
MySQL 排序
原文地址:https://www.cnblogs.com/CB/p/1154254.html
最新文章
android指纹识别认证实现
沉浸式状态栏工具类
AlarmManager(闹钟服务)
StateListDrawable
LevelListDrawable
TransitionDrawable
LayerDrawable
AnimationDrawable
RotateDrawable
ClipDrawable
热门文章
InsetDrawable
BitmapDrawable
GradientDrawable
ShapeDrawable
NiewPatchDrawable
ColorDrawable
Oracle 的 oracle 数据库分类
MySQL 运算符
MySQL 函数
MySQL 及 SQL 注入
Copyright © 2011-2022 走看看