⑴ 如何讓網頁中的圖片不能被復制、主要是點擊圖片之後會出現一個圖片的單獨頁面、如何讓這個頁面不出現。
最簡單的做法,給圖片一個鏈接,點擊圖片就直接跳轉到你設定的頁面,比如就主頁
⑵ 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屬性其實也沒什麼意義,完全可以用其他標簽替代嘛。