<html>
<body>
<img id=showbig /><hr>
<script>
var Simgs = ["s1.jpg", "s2.jpg", "s3.jpg"]
var Bimgs = ['b1.jpg', 'b2.jpg', 'b3.jpg']
for(x in Simgs)
{document.write("<img id="+Bimgs[x]+" src="+Simgs[x]+" onclick=showbig(this.id) />")}
function showbig(sid){ document.getElementById("showbig").src=sid}
</script>
</body>
</html>
可以用js来实现
应该获取屏幕的分辨率：window.screen.width，
还有把图片固定在屏幕上：position:fixed
代码如下：
<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">
#list tr td span.hid{display:none}
#list tr td a{}
#list tr td a:hover span.hid{display:blockposition:fixed}
</style>
<script type="text/javascript" src='jquery.js'></script>
<script type="text/javascript">
$(function(){
$('#show').hover(function(){
var img = new Image()
img.src = '1.png'
$('#hidImg').css('position','fixed')
$('#hidImg').css('left',(window.screen.width-img.width)/2 +'px')
$('#hidImg').css('top',(window.screen.height-img.height)/2 + 'px')
})
})
</script>
</head>
<body>
<table id="list" border="1" align="left" cellspacing="0">
<tr>
<td>
测试<br/>
<a>
<img src="1.png" border="1" id="show"/>
<span class="hid">
<img border="1" id="hidImg" src="1.png"/>
</span>
</a>
</td>
</tr>
</table>
</body>
</html>
写一个最外框div,然后把这个div设置图片背景。就可以实现了，不过flash最好设置透明。
扩展资料：
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准， 它通过标记符号来标记要显示的网页中的各个部分。
网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。
参考资料：百度百科-HTML
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）