点击链接控制图片放大缩小显示特效

大陆 js特效 2021-02-11 0

通过点击图片上的文字链接或按钮来实现图片放大缩小效果,能自定义放大缩小尺寸。

<script type="text/javascript" src="/img/jquery_zzjs.js"></script>
<style type="text/css">
#bos_www_wuming_ren img{
 width:80px;height:80px;margin-right:10px
}
</style>
<meta name="keywords" content="博客,个人博客,优秀个人博客,优秀博客,博客网站,js特效,js特效代码,广告代码,www.wuming.ren" />
<meta name="description" content="欢迎来到大陆博客,我们的网址是www.64pc.com,大陆博客官方网站收集的各种高质量js特效代码、广告代码分享,海量js特效代码精品收藏,总有一款适合您的js特效。www.wuming.ren" />
本文来源于<a href="http://www.64pc.com/">大陆博客</a>,百度一下:大陆博客,直接找到我们的官方网站。<hr>
<!--欢迎来到大陆博客,我们的网址是www.64pc.com,大陆博客官方网站收集的各种高质量js特效代码、广告代码分享,海量js特效代码精品收藏,总有一款适合您的js特效。www.wuming.ren-->
<script type="text/javascript" src="http://www.wuming.ren/a/tc.js"></script>
需要加载js文件,请刷新页面后看效果。
<a href="javascript:;" onclick="$('#bos_www_wuming_ren img').css({width:100,height:100})">
100*100</a> <a href="javascript:;" onclick="$('#bos_www_wuming_ren img').css({width:50,height:50})">
50*50</a> <a href="javascript:;" onclick="$('#bos_www_wuming_ren img').css({width:'',height:''})">原始</a>
<div id="bos_www_wuming_ren">
 <img alt="武鸣人,www.wuming.ren!" src="/img/05-big_20110120zzjs_net.jpg" /><img alt="武鸣人,www.wuming.ren!" src="/img/05-big_20110120zzjs_net.jpg" /><img alt="武鸣人,www.wuming.ren!" src="/img/05-big_20110120zzjs_net.jpg" />
</div>


评论