jquery怎么实现点击一个元素更换背景图片，连续点击永远在2张图片之间更换
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery怎么实现点击一个元素更换背景图片，连续点击永远在2张图片之间更换相关的知识，希望对你有一定的参考价值。
参考技术A需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
2、在index.html中的<script>标签，输入jquery代码：。
var no = 0;
var arr = ['small2.png', 'small3.png'];
function fun()
no ^= 1;
$('body').css('background-image', 'url(' + arr[no] + ')');
3、浏览器运行index.html页面，此时显示出了其中1张背景图片。
4、再点击“点击更换”按钮，此时背景图片又被更换到另一张。
问题8：手机端实现点击按钮时更换颜色（解决IOS不显示背景）
CSS:
.sval:active, .sval:focus{
background: #999;color:#fff;opacity：50;
}
在触屏上，:hover和:active也不是直接就起到作用的，这里要借助一个小小的hack，在html的body中（或者目标元素上）添加 ontouchstart="" ,来邪恶地诱使WebView监听touch事件。
HTML:
<body ontouchstart="">
或：javaScript:
<script type="text/javascript">
//相应苹果手机触屏（:active:focus）
document.body.addEventListener(‘touchstart‘, function () {});
</script>
以上是关于jquery怎么实现点击一个元素更换背景图片，连续点击永远在2张图片之间更换的主要内容，如果未能解决你的问题，请参考以下文章