本站停止维护,已转移至laravel学习网;欢迎大家移步访问!

javascript点击变换图片的特效

点击图片变换图片的效果需要把整个图片当成点击事件

<!DOCTYPE html>
<html>
<body>
<script>
    function changeImage()
    {
        element=document.getElementById('myimg')
            if (element.src.match("two"))
            {
                element.src="/img/one.jpg";
             }
            else
            {
                element.src="/img/two.jpg";
             }
    }
</script>

<img id="myimg" onclick="changeImage()" src="/img/one.jpg">

<p>点击图片来测试效果,自己找两张照片测试一下吧</p>

</body>
</html>

这个需要注意的是if的条件element.src.match("two")不能与原始的图片名一致,还有注意if条件执行的代码也就是图片不能颠倒了,要不会没有效果的哦!



转载请注明 :一沙网络原文出处:http://bbs.earnp.com/article/152
问题交流群 :562864481
3
作者没有开启打赏
发布时间 :2016-08-30 22:50:08
分享

0 个评论

    还没有评论,感觉来抢沙发吧!

要回复文章请先登录注册