本文目錄一覽：
想在一個div裏面添加圖片，用js怎麼寫啊？
1、新建一個HTML文件，保存為test.html，用於編寫代碼實現拖放功能 。
2、在test.html添加一個div標籤，並且給它一個id，用於下面編寫樣式。
3、通過div的id , 給div定義CSS樣式，例如，把div定義為一個帶邊框的長方形。下面將實現將圖片拖放在這個長方形中。
4、在div的下面定義一張被拖放圖片，並設置該圖片的屬性為允許被拖放。
5、在被拖放的圖片上加上一個ondragstart事件，即圖片被拖動時觸發這個事件。再給事件一個函數，用於拖動圖片時，把圖片保存在一個變量中。
6、運行代碼，在瀏覽器中查看結果：至此，完成了使用JS實現拖放圖片到div中的功能。
如何利用javascript實現JPG圖片的在線標註
鼠標在圖片上點擊時,用event.clientX和event.clientY取得點擊的坐標,
再動態向map添加一個area
把鼠標分別放到圖片的左上角和中間,是不是你要的效果?
body
img src=”mymap.jpg” border=”0″ usemap=”#mymap” style=”width:100px; height:100px;”/
map name=”mymap” id=”mymap”
area
shape=”circle”
coords=”50,50,15″
href =”#”
target =”_blank” alt=”x:50,Y:50,半徑:15″ /
area
shape=”rect”
coords=”0,0,15,15″
href =””
target =”_blank”
alt=”跳至百度” /
/map
/body
如何使用js來控制圖片的css樣式？
這個可以用CSS實現就好了。不必要使用JS
圖片放大效果的話，建議用一個額外的 div層放置放大後的圖片，這樣布局就不會亂了。鼠標放上去就顯示這個層。
.img2{
/*這裡寫你的所有圖片都會用到的樣式*/
}
.img2:first-child, .img2:last-child{
/*這裡寫第一個圖片和最後一個圖片會用到的樣式*/
}
.img1:hover .showBigImg{
display:block;
}
對於這個大圖的div層的顯示，可以稍加js控制，這樣就可以所有圖片共用一個div層來放置大圖。
希望能幫助到你
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/308725.html
微信掃一掃 
支付寶掃一掃 