首页 > 编程知识 正文

js按钮转换代码(javascript按钮跳转)

时间:2023-12-24 12:05:57 阅读:321293 作者:WJNR

本文目录一览:

新手求助点击左右按钮图片切换的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');

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。