『壹』 js怎麼做點擊一個圖片彈出一個層的效果
其實彈出層的思路還是比較簡單的：
一般是這個層是隱藏的(display:none)，然後點擊你說的"圖片(或者任何的頁面元素)"，這個層就會顯示（一般display:inline-block/block），同時設置一個灰色的背景看起來這個層是浮於下面的層之上的。
下面是一段演示代碼：
<!doctypehtml>
<html>
<head>
<metacharset="utf-8"><title>彈出層—到瀏覽器中央—背景變暗</title>
<style>
*{margin:0;padding:0px;}
body{padding:30px;}
#show{width:300px;height:200px;display:none;padding:1px;position:absolute;border:1pxsolid#4c77aa;background:#f2f7fd;z-index:11;zoom:1;}
#showh3{background:#4c77aa;color:#fff;font-size:14px;padding:5px;}
#showspan{position:absolute;right:3px;top:3px;display:block;cursor:pointer;color:#fff;font-weight:bold;}
#showp{padding:5px;}
#text{font-size:12px;text-indent:2em;line-height:20px;}
#bgbox{position:absolute;left:0;top:0;background:#000;filter:alpha(opacity=30);opacity:0.3;z-index:10}
</style>
<scripttype="text/javascript">
functionshow(){
variWidth=document.documentElement.clientWidth;
variHeight=document.documentElement.clientHeight;
varbgObj=document.createElement("div");
bgObj.setAttribute("id","bgbox");
bgObj.style.width=iWidth+"px";
bgObj.style.height=Math.max(document.body.clientHeight,iHeight)+"px";
document.body.appendChild(bgObj);
varoShow=document.getElementById('show');
oShow.style.display='block';
oShow.style.left=(iWidth-302)/2+"px";
oShow.style.top=(iHeight-202)/2+"px";
functionoClose(){
oShow.style.display='none';
document.body.removeChild(bgObj);
}
varoClosebtn=document.createElement("span");
oClosebtn.innerHTML="×";
oShow.appendChild(oClosebtn);
oClosebtn.onclick=oClose;
bgObj.onclick=oClose;
}
</script>
</head>
<body>
<aonclick="show();returnfalse"href="#">請猛擊我（我會彈到中間，同時背景變暗）</a>
<divid="show"><h3>彈出層標題欄</h3>
<pid="text">
這里是彈出層內容，內容可以是文字、圖片等，可以是iframe傳進來，也可以用jQuery的load()傳進來。
</p>
</div>
</body>
</html>
『貳』 javascript點擊查看圖片，彈框顯示圖片，怎麼用js怎麼實現
最好用插件，去layer官網有專門的點擊圖片，彈出瀏覽還支持多個圖片。
先去官網下載layer包，你的網頁引用layer的js文件。
地址：網頁鏈接點擊相冊層
然後js代碼：
//調用示例
layer.ready(function(){ //為了layer.ext.js載入完畢再執行
var ps=$("#psize").val();
layer.photos({
photos: '#layer-photos-demo'
,shift: ps //0-6的選擇，指定彈出圖片動畫類型，默認隨機
});
});
html代碼：
<div id="layer-photos-demo" class="layer-photos-demo" >
<img layer-pid="圖片id，可以不寫" layer-src="縮略圖片地址" src="圖片地址" alt="" style="height: 140px;width: 120px;border:1px solid #bbb;">
</div>
『叄』 如何通過js獲取網頁中所有圖片並加入點擊事件，實現
在網頁載入完成時，通過js獲取圖片和添加點擊的識別方式
- (void)webViewDidFinishLoad:(UIWebView *)webView {
[IDProgressHUD IDPlaceViewHideDirect:self.view];
//這里是js，主要目的實現對url的獲取
static NSString * const jsGetImages =
@"function getImages(){\
var objs = document.getElementsByTagName(\"img\");\
var imgScr = '';\
for(var i=0;i<objs.length;i++){\
imgScr = imgScr + objs[i].src + '+';\
};\
return imgScr;\
};";
[webView :jsGetImages];//注入js方法
NSString *urlResurlt = [webView :@"getImages()"];
mUrlArray = [NSMutableArray arrayWithArray:[urlResurlt componentsSeparatedByString:@"+"]];
if (mUrlArray.count >= 2) {
[mUrlArray removeLastObject];
}
//urlResurlt 就是獲取到得所有圖片的url的拼接；mUrlArray就是所有Url的數組
//添加圖片可點擊js
[mWebView :@"function registerImageClickAction(){\
var imgs=document.getElementsByTagName('img');\
var length=imgs.length;\
for(var i=0;i<length;i++){\
img=imgs[i];\
img.onclick=function(){\
window.location.href='image-preview:'+this.src}\
}\
}"];
[mWebView :@"registerImageClickAction();"];
}
//在這個方法中捕獲到圖片的點擊事件和被點擊圖片的url
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {
//預覽圖片
if ([request.URL.scheme isEqualToString:@"image-preview"]) {
NSString* path = [request.URL.absoluteString substringFromIndex:[@"image-preview:" length]];
path = [path :NSUTF8StringEncoding];
//path 就是被點擊圖片的url
return NO;
}
return YES;
}
『肆』 怎麼樣用javascript讓圖片可以點擊怎樣用javascript給圖片加背景
<img src="test.jpg" onclick="test();">
這樣可以給img綁定一個click事件，具體怎麼實現就看test()方法裡面怎麼寫了。至於你說的給圖片添加背景，我就完全不明白是什麼意思了。
『伍』 js如何實現點擊圖片跳轉頁面獲取頁面的信息
第一種： 。
第二種： 。
第三種： 。
『陸』 js怎麼實現單擊圖片,在圖片上畫個'鉤'
js點擊事件原圖片替換『鉤』圖片
<script type="text/javascript">
function click(){
document.getElementById('id').src='b.jpg';
}
</script>
<img src="a.jpg" id="img" onclick="click()"/>
a.jpg原圖片b.jpg『鉤』圖片
『柒』 如何用js實現:第一次點擊圖片,圖片路徑更換,第二次點擊的時候,彈出窗口,提示:"只能點擊一次"
很簡單, 第一次單擊圖片,路徑更換,同時給圖片加多一個class或者一個標示符能說明已經單擊過的,,
然後當再次單擊的時候再判斷是否已經存在class
『捌』 js 如何在圖片上打點
原理是用canvas或svg來做。找一個canvas或svg相關的類庫，調用之後能方便地畫點和線就行了，當然業務邏輯要自己寫，沒有現成的。
『玖』 如何用JS實現，單擊圖片，在新的頁顯示圖片
<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/avarta/66/r11s1g5.gif" onclick="window.open(this.src,'_blank')"/>
onclick 點擊圖片事件
window.open('','') 打開一個新網頁 第一個參數是網址 第二個是打開方式
window.open(this.src,'_blank') 以該圖片的路徑為網址，以新頁的方式打開