html实现点击放大(html5点击图片放大)

分别写一个onmouseover和onmouseout事件然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸具体代码实现如下ltimg id=quotimgquot onmouseover=quotbiggerquot onmouseout=quotsmallerquot src=quot你的图片路径quot style。

html中设置按钮的大小可直接给input元素添加宽高，具体代码如下ltinput type=quotsubmitquot value=quot确定quot style=quotwidth100pxheight60pxquot 下面是未设置input按钮大小和设置了按钮大小的对比效果html中的表单input元素。

缩小点击放大鼠标划过是一款比较常见的html5book电子书翻页效果，鼠标滑过来放大缩小放大镜尺寸，可以制作出图片放大镜效果。

富文本编辑器中需支持图片点击放大功能，也可用这种方式实现 原效果点击放大后的效果。

可以使用d3实现，有个zoom方法。

这个简单啊，点击时获取超链接对象然后对象stylefontSize=quot36pxquot 这个值由你设置如lta href=quotquot id=quotmyABquot style=quotfontsize14pxquot我是超链接ltaltinput type=quotbuttonquot value=quot放大quot onclick=quot。

lta href=quot大图路径quotltimg src=quotimg16JPGquot height=quot90quotlta 这样啊，你是不是把图片放在一个表格里了 如果不是 那么首先把图片放在表格中，然后用百分比表示表格的宽度就可以了 例如 lttable width=100%。

上面是给出示例的效果图这是不是你想要的放大镜效果呢下面我们来看下示例代码在这个示例中当你点击图片时图片就会出现上图效果，再一次点击时就变成原始图片了lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf。

HTML实现网页上图片放大功能代码 就像新浪微博图片放大一样的那种，点一下放大再点一下就变成原来的状态 有代码的各位大大们，发到我邮箱xudongxu827@163com越简单越好，只需要图片放大和文字布局改变就好，不需要别的效果谢谢。

额举个例子，比如buttonwidth80pxheight30pxbackgroundcolorred那么变大就可以这么写buttonhoverwidth90pxheight40pxbackgroundcolorgreencursorpointer。

div直接替换成a标签，然后a标签做displayblock。

你是要放大镜效果吧，找JQ放大镜效果，然后加到你的网页中调用就可以了。

很难精确控制，除非这一点是正好位于视口中心点，建议先1，整体移动3D模型，使鼠标双击点位于视口中心 2，放大 3，执行第一步的相反的操作。

你说的应该是向下滚动视频变小在右下角吧，通过判定scrolltop距离来更改视频元素的属性，width 变小然后再加个display fixed，让小的视频窗口不随页面滚动而滚动，把视频定在右下角，然后给视频窗口加个onclick，点击再跳。

首先说放大缩小字体，直接用js调整字体大小就可以了要实现刷新后依然显示之前缩放的大小，那就需要让浏览器记住之前的设置，把字体大小存到cookies中，打开网页再从cookies读取给你一段写好的供参考，先引入。

附件是一个简单的点击放大的效果， 你可以看一下。

使用javascript，根据你的设定设置img大小，这里有个例子function AutoResizeImagemaxWidth，maxHeight，objImg var img = new Image imgsrc = objImgsrc var hRatio var wRatio var Ratio。