这个用纯css实现的图片放大效果,真不错,看了以前有不少用纯css实现的图片放大效果的代码,都不理想,还是在这个好啊看下面的HTML代码：<div class="photo"><ul><li><a href="#nogo1" class="hor"><img src=http://www.jb51.net/logo.gif alt="" title="" /><b>Snow capped mountains</b><...
http://www.jb51.net//article/12592.htm
这段时间比较闲，就搞了这么一个功能来练练手。因为没有系统的学习过javascript，很多东西都是现学现用。请大家多提宝贵意见，谢谢[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>...
http://www.jb51.net//article/10559.htm
<div align=center style="overfow: hidden; width: 100px; height: 100px"><img src="/upload/2007426163751315.jpg" width="100" height="100" border="0" onmouseover="show(this)" onmouseout="hide(this)"></div><div al...
http://www.jb51.net//article/9701.htm
由于VML是矢量的，放大缩小变得很容易了。我们先看一个例子，看看VML能做到什么程度。还是以前面的一个飞碟做为例子。它是用线、圆、弧等形状拼凑起来的一个图形。我增加了移动事件，当放大太多了，可以拖动图片查看。放大1倍放大2倍放大3倍放大4倍放大5倍放大6倍放大7倍放大8倍放大9倍放大10倍 是否感觉出来了，放大缩小对VML的画质没有改变？因为VML是矢量的。动态改变它的coordsize值就可以了，注意，减小值等于放大，增大值就等于缩小。可以参考下面的脚本： varxx=6000; varyy=6000;...
http://www.jb51.net//article/5586.htm
多图展示点击切换效果模拟的flash效果，点小图放大显示，再点恢复默认。[html]<basehref='http://demo.rexsong.com/200507/image_onclick_switch/'><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http...
http://www.jb51.net//article/5450.htm
前段时间嗷嗷有发过"好玩的放大镜效果",今天看了下,发现还有简单的方法也能够实现,即利用内外补丁的调整.有兴趣的可以在琢磨琢磨.[html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><style type="text/css"><!--a { float:l...
http://www.jb51.net//article/4334.htm
在Flash中我们用蒙板加上一些简单的脚本便可实现一个动态的图片放大镜。现在我们只用JavaScript结合CSS语言也可以轻易做出这个效果。 制作思路：“放大镜”后有一幅背景图，它是“放大了”的图的原本。我们通过移动“放大镜”时适当调整背景图的位置，使它显示的刚好是需要要放大的部分。 效果演示：(点这里在新窗口中查看) 制作步骤： １）先准备两幅内容相同尺寸不同的图片，这里我们找了一个400×300像素的缩略图small_hill.gif，一个800×600像素的大图big_hill.gif。然后再准备一个“放大镜”的图片，注意它中间部分必须是透明的，这里我们准备了一个绿色的方框vi...
http://www.jb51.net//article/395.htm
[html]<html> <head> <title>emu</title> </head> <body> <BR> 原图：<BR> <img src=http://www.web745.com/image/logo.gif width="280" height="150" id=srcImg onmousemove="zoom()"> <BR>&...
http://www.jb51.net//article/393.htm