function change(obj){
var divStyle =document.getElementById('id').style.display;
var src=obj.src;
var c=src.lastIndexOf("/")+1;
var s=src.slice(c);
if(divStyle=="block"){
document.getElementById('id').style.display="none";
obj.src=src.replace(s,"隐藏时的图片.jpg");
}
if(divStyle=="none"){
document.getElementById('id').style.display="block";
obj.src=src.replace(s,"显示时的图片.jpg");
}
}
<img src="images/resume/显示时的图片.jpg" onclick="change(this)"/>
<div id="id" style="display:block">你的代码</div>
分享到:
相关推荐
这是一个点击通过 Jquery 实现的 点击切换图片的Demo页面,适合初学者。
gridview点击切换图片,点击后会出现边框,以及播放按钮,五角星图片会改变
vue卡片式点击切换图片组件使用详解 本文实例为大家分享了vue卡片式点击切换图片组件,供大家参考,具体内容如下 因为公司业务的问题,最近在写vue项目,有了一个卡片图片的点击的需求,自己又不想写动画效果,就...
C# winform ListBox点击切换图片
JS点击切换图片3D效果 这个国外开发的JS,效果很棒的
图片滚动+图片切换+鼠标点击切换图片效果JS代码实例,可执行看效果,个人收藏,供参考,javascript代码
基于鸿蒙的点击切换图片demo
Picture控件的点击按钮换图片
js实现放大镜 (可以点击切换图片)
wpf 扫描文件夹下面所有图片 并加载到面板控件,实现点击切换图片,代码简洁 注释详细 初学者可以看下
点击左右箭头可以切换图片,也可以点击下面的缩略图切换图片,ppt交互动画相册模板下载。
这是一套点击切换图片相册PPT动画,第一PPT模板网提供幻灯片动画免费下载; PPT动画是一套图片相册,设计了一张主图和下面四张小图片并排的排版方式,点击小图出现大图的显示方式,是一套非常实用的相册,你可以...
android imagebutton 来回切换图片
用viewpager控件实现仿zaker页面切换
Android TAB菜单,仿engadget导航切换菜单效果,其实就是一个TAB,这个相信大家都比较熟悉了,在电脑上和Android、IOS系统中都很常见。。这个菜单基本能用了,不过制作过程中,还是有一些疑惑的,比如当tab点击后,...
JavaScript实现多张图片的切换,文档解压后用Hbuider打开,运行html文件
jQuery网格缩略图片点击大小缩放图片切换代码 jQuery网格缩略图片点击大小缩放图片切换代码 jQuery网格缩略图片点击大小缩放图片切换代码
主要用于公众号SVG排版
js 图片切换js 图片切换js 图片切换js 图片切换js 图片切换js 图片切换