js按鈕轉換代碼（javascript按鈕跳轉）

本文目錄一覽：

• 1、新手求助點擊左右按鈕圖片切換的js代碼
• 2、js 點擊按鈕切換
• 3、網頁分享按鈕js代碼修改

新手求助點擊左右按鈕圖片切換的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’);