CSS中点击图片出现对应的文字

html-css027

CSS中点击图片出现对应的文字,第1张

大体类似于这样试试

<frameset cols="20%,*">

<frame src="1.html" />

<frame src="2.html" />

</frameset>

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/htmlcharset=utf-8" />

<title>无标题文档</title>

<script type="text/javascript">

function init(){

var p=document.getElementsByTagName("p")

for(var i=0i<p.lengthi++){

p[i].onclick=test

}

}

function test(){

var src=this.getAttribute("src")

var img=window.parent.frames[1].document.images[0]

img.setAttribute("src",src)

}

window.onload=init

</script>

</head>

<body>

<p src="1.jpg">test1</p>

<p src="2.jpg">test2</p>

</body>

</html>

2.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/htmlcharset=utf-8" />

<title>无标题文档</title>

</head>

<body>

<img src="3.jpg" />

</body>

</html>

系统自定。css指的是层叠样式表，单击出现内容，再次单击恢复是软件系统自定的设置，可以方便用户进行使用。css是一种用来表现HTML或XML等文件样式的计算机语言，是描述标记语言页面格式的标准。