`

利用javascript实现图片动态的放大和缩小

阅读更多

在网站经常用到缩略图,但一般情况下是不能改变大小的.文本实现了这么⼀个效果, 当你鼠标移到
缩略图上时, 缩略图动态的放大到设定的大小,鼠标移开时,动态的恢复到缩略图的大小.主要是通
过javascript实现.适当的应用可以增强用户体验.

 

原文链接:

http://www.codeproject.com/Articles/20562/Expanding-Image-Animator

 

 

分享到:
评论

相关推荐

    影像在线开发框架--利用JavaScript工具实现

    影像在线开发框架--利用JavaScript工具实现源代码,其中包括本地影像上传,影像下载,影像导出,影像显示-动态影像服务、缓存影像服务,影像高度量测,影像图例设置,影像查询-空间查询、属性查询,影像镶嵌规则,...

    ASP.NET开发实战1200例(第Ⅰ卷)第十二章

    实例314 智能放大或者缩小图片后进行打印 494 实例315 清空或恢复打印页面中的页眉和页脚 495 实例316 利用JavaScript+CSS实现分页打印 496 12.5 JavaScript安全机制的应用 498 实例317 用JavaScript屏蔽部分键盘...

    JavaScript网页特效范例宝典源码

    实例046 不用图片实现质感导航条 72 1.9 下拉菜单式导航条 73 实例047 二级导航菜单 74 实例048 半透明背景的下拉菜单 76 实例049 展开式导航条 80 实例050 用层制作下拉菜单1 81 实例051 用层制作下拉菜单2 84 1.10...

    javascript网页特效实例大全(8-12)

    实例216 图片放大缩小 337 实例217 通过鼠标滚轮放大缩小图片 338 8.2 图片与鼠标相关操作 339 实例218 跟随鼠标移动的图片 340 实例219 可以左右拖动的图片 340 实例220 随意拖动图片 342 实例221 当...

    canvasPractice:Use HTML5 canvas draw circles, and realize the zoom of the specified circle, select, change color, drag, delete.利用html5的canvas画圆,并实现指定圆的放大缩小、选中、更改颜色、拖动、删除

    canvasPractice Use HTML5 canvas draw circles, and realize the zoom of the specified circle, select, change color, drag, delete...利用html5的canvas画圆,并实现指定圆的放大缩小、选中、更改颜色、拖动、删除

    Javascript动态伸缩+淡出淡入

    //interval变量 var inl = []; //原始透明度 var opa = 100; //判断浏览器 var ie =... //利用方块的display来判定是否缩小或放大 if(!$(‘tmp’).style.display) { mode = “-“; //display是正常的话设置interval缩小

    利用google api开发的电子地图

    利用google api开发的电子地图.无刷新放大缩小,测距离,全国各省市都有

    HTML5 CANVAS游戏开发实战(PDF和源代码)

    11.3 区域更新和图片大小对绘图效率的影响 / 311 11.4 图片格式对绘图效率的影响 / 313 11.5 优化代码以提高整体效率 / 314 11.5.1 使用位运算 / 314 11.5.2 少用math静态类 / 316 11.5.3 优化算法 / 319 11.6...

    高德地图开发

    利用高德地图进行二次开发,地图的放大缩小,测距侧面,定位查询

    JAVA上百实例源码以及开源项目

     util实现Java图片水印添加功能,有添加图片水印和文字水印,可以设置水印位置,透明度、设置对线段锯齿状边缘处理、水印图片的路径,水印一般格式是gif,png,这种图片可以设置透明度、水印旋转等,可以参考代码...

    JAVA上百实例源码以及开源项目源代码

     util实现Java图片水印添加功能,有添加图片水印和文字水印,可以设置水印位置,透明度、设置对线段锯齿状边缘处理、水印图片的路径,水印一般格式是gif,png,这种图片可以设置透明度、水印旋转等,可以参考代码...

    D3.JS 数据可视化.rar

    D3.js是一个JavaScript库。它的全称是Data-Driven Documents(数据驱动文档),并且它被称为一个互动和动态的数据可视...D3利用可缩放矢量图形或SVG格式,允许您渲染可放大或缩小的形状,线条和填充,而不会降低质量。

    京东首页html+css+js.zip

    解决了之前页面放大缩小布局错位的问题,现在不会因为分辨率变化而发生变化,包含轮播图,吸顶灯,返回顶部等功能

    java源码包---java 源码 大量 实例

     util实现Java图片水印添加功能,有添加图片水印和文字水印,可以设置水印位置,透明度、设置对线段锯齿状边缘处理、水印图片的路径,水印一般格式是gif,png,这种图片可以设置透明度、水印旋转等,可以参考代码...

    japan-weather-3d:日本的实时3D天气图

    放大/缩小 右键单击或Ctrl键+鼠标拖动 上下倾斜并旋转 Shift键+鼠标拖动 框缩放 捏入/拉出 放大/缩小 两指拖动 上下倾斜并旋转 双击或连按三次 放大 Shift键+双击或两指点击 缩小 单击或点击+/-按钮 放大/缩小 单击...

    java源码包2

     util实现Java图片水印添加功能,有添加图片水印和文字水印,可以设置水印位置,透明度、设置对线段锯齿状边缘处理、水印图片的路径,水印一般格式是gif,png,这种图片可以设置透明度、水印旋转等,可以参考代码...

Global site tag (gtag.js) - Google Analytics