導航:首頁 > 圖片大全 > js如何設置圖片不能被點擊

js如何設置圖片不能被點擊

發布時間:2022-08-06 10:10:34

如何讓網頁中的圖片不能被復制、主要是點擊圖片之後會出現一個圖片的單獨頁面、如何讓這個頁面不出現。

簡單的做法,給圖片一個鏈接,點擊圖片就直接跳轉到你設定的頁面,比如就主頁

⑵ js如何設置超鏈接點擊後變為不可點擊

給它加個id<a id="<%=AA%>" onClick="javascript:openXX(<%=AA%>)">打開</a>以後就可以根據id找到它然後變為不可點擊

⑶ JS單擊圖片隱藏該圖片和其他兩張圖片

例如:
html
<div id="img" style="display:block"><img src="" /></div>

script:
$("img").css({display:none});
或者:document.getElementById("img").style.display=none
我一般都是將標簽放在<div>裡面,這樣很容易控制大小,顯示等。

⑷ 如何用js實現一組圖片,使用了z-index三層排布,然後點擊一張圖片,被點擊張圖片至於頂層,其他依次

<style>
.box {display:flex; margin:100px 100px}
.box img {position:relative; height:200px; transition:all 0.5s; z-index:1; box-shadow:0 0 1px #000}
</style>
<div class="box">
<img src="圖片1"/><img src="圖片2"/><img src="圖片3"/><img src="圖片4"/><img src="圖片5"/>
</div>
<script type="text/javascript">
$(function(){
$(".box img").click(function(){
$(".box img").css({"transform":"scale(1,1)","z-index":"1","box-shadow":"0 0 1px #000"});
$(this).css({"transform":"scale(1.6,1.6)","z-index":"3","box-shadow":"0 0 10px #000"});
if($(this).prev())$(this).prev().css({"transform":"scale(1.3,1.3)","z-index":"2","box-shadow":"0 0 5px #000"});
if($(this).next())$(this).next().css({"transform":"scale(1.3,1.3)","z-index":"2","box-shadow":"0 0 5px #000"});
});
});
</script>
需要引用jquery

⑸ js如何實現連接圖片顯示但是又不能點擊

給你一個參考,本人網站用的廣告代碼。

<script language=JavaScript>
var elady_step=3; //1:small, 3:middle, 5:big
var elady_speed=50; //20:fast, 50:middle, 80:slow
var e_tp=new Array();
var e_tplink=new Array();
var adNum_elady1=0;
var elady_stop_sh=0;
var elady_star_sh=1;

function elady1_moveImg(){
if ((!document.all&&!document.getElementById)||(elady_stop_sh==0)) return;
if (elady_star_sh==1){
document.all.elady1_divimg.style.pixelTop=parseInt(document.all.elady1_divimg.style.pixelTop)+elady_step;}
else if (elady_star_sh==2){
document.all.elady1_divimg.style.pixelLeft=parseInt(document.all.elady1_divimg.style.pixelLeft)+elady_step;}
else if (elady_star_sh==3){
document.all.elady1_divimg.style.pixelTop=parseInt(document.all.elady1_divimg.style.pixelTop)-elady_step;}
else{
document.all.elady1_divimg.style.pixelLeft=parseInt(document.all.elady1_divimg.style.pixelLeft)-elady_step;}
if (elady_star_sh<4) elady_star_sh++;
else elady_star_sh=1;
setTimeout("elady1_moveImg()",elady_speed);}

e_tplink[0]="";
e_tp[0]="img/500x250_1.jpg";

e_tplink[1]="";
e_tp[1]="img/500x250_2.jpg";

e_tplink[2]="";
e_tp[2]="img/500x250_3.jpg";

e_tplink[3]="";
e_tp[3]="img/500x250_4.jpg";
var currentimage=new Array();
for (i=0;i<=3;i++){currentimage[i]=new Image();
currentimage[i].src=e_tp[i];
}
function elady1_set(){ if (document.all)
{ e_tprotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
e_tprotator.filters.revealTrans.apply(); }
}
function elady1_playCo()
{ if (document.all) e_tprotator.filters.revealTrans.play()
}function elady1_nextAd(){ if(adNum_elady1<e_tp.length-1)adNum_elady1++ ;
else adNum_elady1=0;
elady1_set();
document.images.e_tprotator.src=e_tp[adNum_elady1];
elady1_playCo();
theTimer=setTimeout("elady1_nextAd()", 4000);}
function elady1_linkurl(){ jumpUrl=e_tplink[adNum_elady1];
jumpTarget='_blank';
if (jumpUrl != ''){ if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl;
}}
function elady1_listMsg()
{ status=e_tplink[adNum_elady1];
document.returnValue = true;}
document.write("<div id='elady1_divimg' style='position:relative'>");
document.write('<img style="FILTER: revealTrans(ration=2,transition=20)" height=250 src="javascript:elady1_nextAd()" width=500 border=0 name=e_tprotator >');
document.write("</div>");
</script>

如果你要 「超級管理員才能點擊,而其他的人不能點擊」
那就不是JS了,ASP或PHP 加用戶判讀,如果是1,顯示按鍵。如果不是,顯示空白。

⑹ js中怎麼讓添加的圖片變為一個可以點擊圖片就可以調用js中函數的事件,怎麼編寫代碼

this.parentNode 可以獲取自己的容器,根據你的代碼結構找到整行的那個容器就可以,比如用表格的話 是 tr 表格 例如 <table id="list"><tr><td><a href="javascript:void(0);" onclick="delRow(this.parentNode.parentNode);"></td></tr></table>
<script>function delRow(obj) {
var tb = document.getElementById('list');
tb.rows.removeChild(obj);
}
</script>

⑺ html中的a標簽定義了href指向123.jpg,怎麼讓這個a標簽不能被點擊呢。圖片路徑必須存在

既然不想讓a標簽被點擊,那應該可以不用a標簽吧,把它用其他標簽替換不行嗎?不點擊的話,a標簽的href屬性其實也沒什麼意義,完全可以用其他標簽替代嘛。

閱讀全文

與js如何設置圖片不能被點擊相關的資料

熱點內容
word文檔圖片細節放大製作 瀏覽:926
外宣文字圖片 瀏覽:504
發型披肩編發圖片 瀏覽:794
小可愛花園圖片 瀏覽:589
一家四口蛋糕圖片大全 瀏覽:109
榮事達價格及圖片 瀏覽:930
怎麼在PPT插入動態圖片 瀏覽:172
俏皮可愛情侶的圖片 瀏覽:547
小清新動漫親吻圖片 瀏覽:555
女生奔跑的圖片唯美圖片大全 瀏覽:562
如何根據網圖片找網紅 瀏覽:612
秋天的女孩背影圖片 瀏覽:997
暗藍色頭發圖片動漫男生 瀏覽:964
ai圖片怎麼轉換成cdr格式 瀏覽:973
小玉高清圖片成龍歷險記 瀏覽:8
男生褲子掉檔圖片 瀏覽:124
軍訓簡筆畫圖片大全 瀏覽:549
問卷星如何接收圖片 瀏覽:742
剪紙立體圖片大全可愛 瀏覽:629
ps設計圖片如何收費 瀏覽:110