点击改变图片的2种方法
2016-08-30 00:00
155 查看
<script>
function changeImage()
{
element=document.getElementById('myimage')
var src =element.getAttribute("src")
if (src==="/images/pic_bulbon.gif")
{
element.setAttribute("src","/images/pic_bulboff.gif")
}
else
{
element.setAttribute("src","/images/pic_bulbon.gif");
}
}
</script>
<img id="myimage" onclick="changeImage()"
src="/images/pic_bulboff.gif" width="100" height="180">
或者js如下:
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
//element.src.match("bulbon")如果能匹配到 返回一个数组,if(true) 执行下面的,返回数组就说明(里面的内容为true)
{
element.src="/images/pic_bulboff.gif";
}
else
{
element.src="/images/pic_bulbon.gif";
}
}
</script>
function changeImage()
{
element=document.getElementById('myimage')
var src =element.getAttribute("src")
if (src==="/images/pic_bulbon.gif")
{
element.setAttribute("src","/images/pic_bulboff.gif")
}
else
{
element.setAttribute("src","/images/pic_bulbon.gif");
}
}
</script>
<img id="myimage" onclick="changeImage()"
src="/images/pic_bulboff.gif" width="100" height="180">
或者js如下:
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
//element.src.match("bulbon")如果能匹配到 返回一个数组,if(true) 执行下面的,返回数组就说明(里面的内容为true)
{
element.src="/images/pic_bulboff.gif";
}
else
{
element.src="/images/pic_bulbon.gif";
}
}
</script>
相关文章推荐
- Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
- js实现点击图片改变页面背景图的方法
- mxl方法改变button的未选中、选中、点击时的图片
- cocos2d-x 改变精灵图片的2种方法。
- Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
- js实现点击图片改变页面背景图的方法
- C#向Excel报表中插入图片的2种方法【转】
- C#向Excel报表中插入图片的2种方法
- [导入]C#向Excel报表中插入图片的2种方法
- .net生成图片的缩略图的2种方法
- .net生成图片的缩略图的2种方法
- C#向Excel报表中插入图片的2种方法
- C#向Excel报表中插入图片的2种方法
- C#向Excel报表中插入图片的2种方法
- dede点击图片进入下一页方法
- 点击图片更新验证码的方法
- js小实例(点击链接改变图片)
- DataGrid点击CheckBox改变选择数时无刷新的方法
- 关于.net在生成压缩图片时的2种方法的效果比较
- C#向Excel报表中插入图片的2种方法