打印

在小方框中浏览大图

misshjn [楼主]

中级会员

帖子: 199
体力: 366
威望: 4
离线: 32 天

1^# 大中小发表于 2006-6-19 16:18

<!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">

</style>
<script type="text/javascript">

</script>
</head>
<body>
<div id="pic" onmousedown="getmouseposition(event)" onmouseup="setmouseposition(event)"></div>
今天在玩 google earth 4.0b，发现 Print Screen 下来的图片很大，如果直接放在网页上，因为尺寸太大又不合适，又不想压缩图片的尺寸，于是乎就想到了这种方法，没想到实现起来比预想的要容易。呵呵，该死的是，这段代码还兼容 firefox。
</body>
</html>

提示：您可以先修改部分代码再运行

今天在玩 google earth 4.0b，发现 Print Screen 下来的图片很大，如果直接放在网页上，因为尺寸太大又不合适，又不想压缩图片的尺寸，于是乎就想到了这种方法，没想到实现起来比预想的要容易。呵呵，该死的是，这段代码还兼容 firefox。

本帖最近评分记录

经典论坛大妈威望 +1 历史打分 2006-6-19 16:18

------ 我的博客 ------
http://www.happyshow.org

TOP

做西部数码代理.Cn1元国际45元 | 将虚拟化进行到底

misshjn [楼主]

中级会员

帖子: 199
体力: 366
威望: 4
离线: 32 天

2^# 大中小发表于 2006-6-20 14:40

今天修改了部分代码：

·添加了滚动的范围，不会出现背景
·用到onmousemove事件，图片实时随鼠标移动而移动

更好玩了～

<!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">

</style>
<script type="text/javascript">

</script>
</head>
<body>
<div id="pic" onmousedown="getmouseposition(event)" onmousemove="movestart(event)" onmouseup="movestop()" onmouseout="movestop()"> </div>
</body>
</html>

提示：您可以先修改部分代码再运行

------ 我的博客 ------
http://www.happyshow.org

TOP

美橙vps独立IP月付189元

snwebsite

蓝色怪兽

荣誉管理团队

帖子: 4345
体力: 7370
威望: 68

3^# 大中小发表于 2006-6-20 22:38

不错支持！！

LOST - FRINGE

TOP

中央美院远程平面设计进修班

yibote

中级会员

帖子: 439
体力: 420
威望: 0
离线: 417 天

4^# 大中小发表于 2006-6-21 09:00

不错,我用gg earth的时候总是没耐心啊 ,显示不出来

但愿我不再浮躁,每天进步一点点-------- [易博特]精彩世界YIBOTE.COM

http://y

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

haha1985

见习米饭

高级会员

帖子: 370
体力: 859
威望: 0
当前: 上海奉贤
离线: 5 天

5^# 大中小发表于 2006-6-21 10:06

有没有办法让如果图片的宽度和高度超过指定宽度和高度则以指定宽度和高度显示,如果没有超过则自身宽度和高度显示!!!

请高人解决!希望能兼容多种浏览器!!!(之前有为朋友发过,在IE上行但在腾讯TT上不行)

TOP

m173

金牌会员

帖子: 5468
体力: 4820
威望: 0
当前: 广东珠海

专长 网页设计,平面

6^# 大中小发表于 2006-6-28 22:01

好是好，但是不知用左哪里啊

>----------我就像路边的一坨屎,那样的渺小,那样的让人厌恶----------<

TOP

chenshuhao

新手上路

帖子: 1
体力: 4
威望: 0
离线: 835 天

7^# 大中小发表于 2006-6-28 22:27

TOP

ghosts888

初级会员

帖子: 30
体力: 61
威望: 0
离线: 514 天

8^# 大中小发表于 2006-11-16 20:54

!!!

提醒:最后回贴距现在141天，请不要无意义回复

TOP

foukenma

新手上路

帖子: 5
体力: 15
威望: 0
离线: 38 天

9^# 大中小发表于 2007-7-16 22:34

bucuo

TOP

MrShan

罐装曲奇

高级会员

帖子: 314
体力: 693
威望: 0
当前: 内蒙呼伦贝尔
离线: 22 天

专长 网页设计,前端制作,美编

10^# 大中小发表于 2007-9-22 20:25

牛人的帖子得收藏!

TOP