本文目录一览：
新手求助点击左右按钮图片切换的js代码
试试这个图片切换
有12345数字一起切换
鼠标点一下数字会变换到另一张图片，不点就会自动换
里面有教程和源码
js 点击按钮切换
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
换这个方法试试，适合只有一组需要切换的，动态就需要把div的id动态传值，赋值，其他的代码不需要变，一般情况一对隐藏显示就有一组对应的按钮，所以div的id是可以动态传过来，
img src=”images/resume/显示时的图片.jpg” onclick=”change(this,’id’)”/
div id=”id” style=”display:block”你的代码/div
img src=”images/resume/显示时的图片.jpg” onclick=”change(this,’id_1′)”/
div id=”id_1″ style=”display:block”你的代码/div
到JS里接受这个参数就行了function change(obj,id){}
网页分享按钮js代码修改
a
class=”share”
data-sharebox=”true”
data-desc=”desc”
data-title=”title”
data-img=”imgurl”
href=”#”
分享按钮的onclick:
$(“.share”).attr(‘data-sharebox’);
$(“.share”).attr(‘data-desc’);
$(“.share”).attr(‘data-title’);
$(“.share”).attr(‘data-img’);
当然，建议a标签加一个id来唯一标识
如：
a
class=”share”
id=”share_1″
data-sharebox=”true”
data-desc=”desc”
data-title=”title”
data-img=”imgurl”
href=”#”
则下面就用：
$(“#share_1”).attr(‘data-sharebox’);
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/186090.html
微信扫一扫 
支付宝扫一扫 