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
>
查看全文
相关阅读:
使用SpringAop 验证方法参数是否合法
log4jdbc-remix安装配置
mybatis和spring3.1整合
MyBatis-Spring 执行SQL语句的流程
SSH配置log4j的方法
Drupal 判断匿名用户必须先登录的解决方法
Drupal 出错的解决办法
crontab执行PHP
本地生成Rails API文档
一个根据身份证号获取的程序
原文地址:https://www.cnblogs.com/CB/p/1154254.html
最新文章
cache地址映像
div锚点链接跳转
vue项目首次加载过慢
vue错误记录
海明码 CRC冗余校验码
【OpenCV】访问图像中每个像素的值
OpenCV中IplImage图像格式与BYTE图像数据的转换
摄像头视频捕捉(简单通用--通过IsampleGrabberCB实现)
图像的腐蚀与膨胀
调用摄像头,并进行灰度,边缘检测
热门文章
opencv的图片的灰度处理‘
opencv二值化处理
C++文件读写详解
opencv常见代码
cvCreateCameraCapture
利用Spring AOP自定义注解解决日志和签名校验
pointcut 表达式的含义
Spring MVC 与 web开发
eclipse构建maven的web项目
非常好的Demo网站
Copyright © 2011-2022 走看看