本文目录一览:
新手求助点击左右按钮图片切换的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');