首页
首页
新浪围脖
常用分类
服务器
数据库
SEO
Good Luck好手气
Kiyo'Space
你的位置:
Kiyo'Space首页
JavaScript/Jscript
阅读文章
欢迎留下您的足迹
文章搜索:
Search Everything
有史以来最受欢迎文章
Most Read Posts
ASPJPEG为图片添加水印
- 5,110 views
搜索引擎免费登陆入口
- 167 views
计算机常用术语、词汇表(英汉对照)
- 160 views
zencart的Apache和IIS伪静态规则
- 135 views
KOF97大门五郎地雷震防御不能
- 113 views
右下方不被屏蔽的弹出窗口
- 104 views
学会批处理
- 98 views
无法连接到WMI提供程序。你没有权限或者该服务器无法访问
- 96 views
linux安装DirectAdmin
- 82 views
常见的安防辅助工具大集合
- 79 views
Kiyo'Space
Categorys
默认分类
Ajax
心情故事
HTML/CSS/特效
Asp.Net
网络
JavaScript/Jscript
ASP
JSP
Flash/AS
VB
编程
数据库
服务器
游戏
Seo
Php
其它
系统优化
笔记
系统配置
手机
虚拟机
linux
本站评论最多的文章:
Most Comment
常见的安防辅助工具大集合
4 位留下了足迹
史上最无聊的游戏
1 位留下了足迹
DOS快餐店
1 位留下了足迹
计算机常用术语、词汇表(英汉对照)
1 位留下了足迹
学会批处理
1 位留下了足迹
关于解决zencart乱码的措施
1 位留下了足迹
友情链接:
Frend Link
Suggest Ideas
Plugins
Development Blog
Themes
Support Forum
WordPress Planet
Documentation
某人的最新评论:
Recent Comment
因为
有你
所以才精彩!
zencart教程 说
:
恩,按照你的方法成功解决乱码
大鸟 说
:
@echo off都没有解释为什要有这个 还有后面的那个*。bat
大鸟 说
:
怎么没有一个回首页的连接···[face09]
大鸟 说
:
你是转载高手吗?
大鸟 说
:
这是叠罗汉么? 随便就往上面放。。。。。 一点规律都没有就上面写了四类···· 哎 年轻人哪
大鸟 说
:
里面的东西不能自动换行。看起来真郁闷。。[face12]
wangkiyo 说
:
从别的地方转载的,你爱看就看,不爱看也没了[face62]
大鸟 说
:
[face78] 太多了前面要先有个目录···· 累、
大鸟 说
:
[face78]无聊! 注册了有什么用啊 应该还没有人注册····
值得推荐一下
Recommend Products
史上最伟大的赞助商
Sponsor
图片放大效果
[
JavaScript/Jscript
]
<!--
*** 斩梦人.天天 [原创]分享
*** QQ:22062019 Email:takuma888@126.com
***
*** 欢迎大家引用和改进,但希望大家能珍惜作者的劳动,最好能注明出处.
*** 由于浏览器兼容性的问题,在FF和OP下表现不是很理想,没能完善,还请见谅.
//-->
<script language=
"JavaScript"
>
<!--
var
srcX = 1024;
//原图长宽
var
srcY = 768;
var
bigX = 500;
//原比例预览大小,可以设置成任意大小
var
bigY = 300;
var
smallX = 256;
//缩略图大小,要与原大小成比例
var
smallY = 192;
var
viewX = bigX / srcX * smallX;
//预览范围
var
viewY = bigY / srcY * smallY;
var
bl = srcX / smallX;
//缩小比例
var
border = 8;
//边框
window.onload=
function
()
...
{
bigbox.style.borderWidth=border;
bigbox.style.width=bigX+border*2;
bigbox.style.height=bigY+border*2;
smallpic.width=smallX;
smallpic.height=smallY;
view.style.width=viewX;
view.style.height=viewY;
smallbox.style.borderWidth=border;
if
(window.event)
...
{
smallbox.style.width=smallpic.offsetWidth+border*2;
smallbox.style.height=smallpic.offsetHeight+border*2;
}
else
...
{
smallbox.style.width=smallpic.offsetWidth;
smallbox.style.height=smallpic.offsetHeight;
}
move(event);
}
function
move(e)
...
{
var
e = window.event?window.event:e;
var
iebug = 0;
if
(window.event)
...
{
var
vX = e.offsetX - viewX/2;
var
vY = e.offsetY - viewY/2;
}
else
...
{
var
vX = e.pageX - viewX/2 - smallbox.offsetLeft - border;
var
vY = e.pageY - viewY/2 - smallbox.offsetTop - border;
iebug = 2;
}
if
(vX < 0) vX = 0;
if
(vY < 0) vY = 0;
if
(vX > smallX - viewX - iebug) vX = smallX - viewX - iebug;
if
(vY > smallY - viewY - iebug) vY = smallY - viewY - iebug;
view.style.left = vX + smallbox.offsetLeft + border;
view.style.top = vY + smallbox.offsetTop + border;
bigbox.style.backgroundPosition= - vX * bl +
" "
+ -vY * bl;
}
//-->
</script>
<style type=
"text/css"
>
<!--
*
...
{padding:0;margin:0}
img
...
{display:block;}
#smallbox
...
{border:1px #c33 solid;
float
:left;width:0;height:0;overflow:hidden}
#bigbox
...
{border:1px #c33 solid;width:0px;height:0px;
float
:left;background:url('/article/upimages3/picture3.jpg') no-repeat;}
#view
...
{border:1px #ddd solid;width:0px;height:0px;position:absolute}
.head
...
{text-align:center;line-height:40px;font:bold 16px/40px;color:red}
//-->
</style>
<div
class
=
"head"
>图片放大效果</div>
<div id=
"smallbox"
><img id=
"smallpic"
src=
"/article/upimages3/picture3.jpg"
border=
"0"
onmousemove=
"move(event)"
></div>
<div id=
"bigbox"
></div>
<div id=
"view"
></div>
属于分类:
JavaScript/Jscript
本文标签:
文章作者:
Kiyo
阅读次数:已有
36 views
人阅读
出生日期:纪元 08年01月6日 - 3时55分31秒
加载用时:加载本文共用时 1.228 秒
文章链接:
https://www.wkiyo.cn/html/2008-01/i528.html
[
复制
] (转载时请注明本文出处及文章链接)
上一篇 >:
js控制fieldset高度
下一篇 >:
ASP实现不存在的网页就自动发送邮件
欢迎在此留下您的脚步
您的昵称 [必须]
您的邮箱 [不会公开] (必须)
您的网址 [可选]
评论内容 (*必填):
GRAVATAR头像
设置你的头像
(Ctrl + Enter 快速提交)
恩,按照你的方法成功解决乱码
@echo off都没有解释为什要有这个 还有后面的那个*。bat
怎么没有一个回首页的连接···[face09]
你是转载高手吗?
这是叠罗汉么? 随便就往上面放。。。。。 一点规律都没有就上面写了四类···· 哎 年轻人哪
里面的东西不能自动换行。看起来真郁闷。。[face12]
从别的地方转载的,你爱看就看,不爱看也没了[face62]
[face78] 太多了前面要先有个目录···· 累、
[face78]无聊! 注册了有什么用啊 应该还没有人注册····