您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

一个简单的javascript图片放大效果代码_图象特效

2024/3/25 16:55:16发布26次查看
一个简单的图片放大效果:
参数说明:
1.berviary:string,需要被放大的图片id
2.expand:object,放大区域,如果不设置此项或者此项的id未设置,则默认为光标跟随模式,会自动创建用于显示放大区域的div.
3.clip:object,裁剪区域的大小,即鼠标移动到需要放大的图片上时,突出显示需要被放的大区域
4.opacity:float,放大时图片被遮罩的区域的透明度
效果1:
调用的js代码:
复制代码 代码如下:
$e({berviary:currentpic,expand:{id:expand,style:{}},clip:{width:50px,height:50px},opacity:0.2});
html代码:
复制代码 代码如下:
演示效果:
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]
效果2:
调用的js代码:
复制代码 代码如下:
$e({berviary:currentpic,clip:{width:100px,height:100px},opacity:0.4});
html代码:
复制代码 代码如下:
演示效果:
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product