用JS实现两个图片的小切换功能
2013-05-18 22:46
309 查看
菜鸟写一下,很简单的小东西,仅供娱乐,菜鸟在写html版的简历时想实现菜鸟两个很帅气的图片切换,怎么实现呢,其实很简单,思想就是得到那个元素标签,然后修改属性就好。具体是这么做的。首先在你的html页面里边写一个<img src="src1">标签,然后在你的javascript里面写
$("#image").click(function(){
var image=document.getElementById("image");
if(image.src=="file:///E:/简历/我的简历网页版/src.jpg"){
image.src="src1.jpg";
}
else{
image.src="src.jpg";
}
});
菜鸟把自己的帅气照片放在E盘的简历的我的简历网页版的文件夹下,在判断路径时,你必须要判断绝对路径,要不然,可能会出错,不信大家可以试一下。很简单哦~希望大家看的开心,玩的愉快~
$("#image").click(function(){
var image=document.getElementById("image");
if(image.src=="file:///E:/简历/我的简历网页版/src.jpg"){
image.src="src1.jpg";
}
else{
image.src="src.jpg";
}
});
菜鸟把自己的帅气照片放在E盘的简历的我的简历网页版的文件夹下,在判断路径时,你必须要判断绝对路径,要不然,可能会出错,不信大家可以试一下。很简单哦~希望大家看的开心,玩的愉快~
相关文章推荐
- JS实现的简单图片切换功能示例【测试可用】
- 原生js实现拖动图片左右弹性切换(模仿iPhone弹性拖拽的功能)
- 进击的KFC:iOS WebView 如何通过js获取网页中所有图片并加入点击事件,实现浏览图片的功能
- 带缩放动画效果的图片切换的功能实现
- 使用消息队列+js实现分布式服务器热切换业务处理功能
- js实现图片从左往右渐变切换效果的方法
- 纯JS实现图片验证码功能并兼容IE6-8
- html js简单实现图片轮播功能
- js实现鼠标切换a标签时更换显示的图片
- 轻松实现js图片预览功能
- JS基于myFocus库实现各种功能的tab选项卡切换效果
- 纯JS实现图片验证码功能并兼容IE6-8
- 原生JS实现隐藏显示图片 JS实现点击切换图片效果
- js有层级图片切换的实现方法
- Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片
- js实现单张图片平移切换效果
- JS实现的按钮点击颜色切换功能示例
- js实现图片切换
- 使用:target实现点击按钮切换图片的功能(纯CSS)
- js实现支持手机滑动切换的轮播图片效果实例