เพื่อประโยชน์ในการบันทึกมันอาจใช้ในอนาคตและเพื่อนชาวเต๋าที่ต้องการความต้องการก็สามารถใช้งานได้
ไม่ก่อนในการแสดงผล
ข้างต้นคือการเรนเดอร์ คุณสามารถเปลี่ยนภาพที่มุมขวาบนด้วยตัวเอง ฉันจะไม่ใส่วัสดุรูปภาพลงไปดังนั้นฉันจะเพิ่มรหัส มันค่อนข้างง่าย CSS และ JS ผู้เริ่มต้นควรเข้าใจ
</pre> <ชื่อก่อน = code class = html> <! doctype html สาธารณะ -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtdt> xmlns = http: //www.w3.org/1999/xhtml> <head> <meta http-equiv = content-type content = text/html; charset = utf-8/> <title> unt document </title> <style type = text/css> .divx {z-index: 200; -moz-Border-Radius: 20px; -webkit-Border-Radius: 20px; ระดับความสูง: 10px; TEXT-ALIGN: CENTER; Font-Weight: ตัวหนา; เคอร์เซอร์: ตัวชี้; ขนาดฟอนต์: 10px; จอแสดงผล: ไม่มี;} </style> </head> <body> <form id = form style = margin-top: 20px;> <div id = img_div_1> <อินพุต type = file id = file_input οchange = addFile (นี่); style = display: none /> <div style = ตำแหน่ง: relation;> <img id = file_img src = add_img.png width = 75 οnclick = file_input.click (); ความสูง = 65/> </div> <div class = divx id = img_zindex_div_1 οnclick = del ()> <img src = no.png width = 16 ความสูง = 16/> </div> </form> </body> addfile (ths) {var objurl = getObjecturl (ths.files [0]); var left = $ ('#file_img'). ตำแหน่ง (). ซ้าย; var top = $ ('#file_img'). }); $ ('#file_img'). attr (src, objurl);} function del () {การแจ้งเตือน (ลบ);} ฟังก์ชั่น getObjecturl (ไฟล์) {var url = null; if (window.createObjecturl! = undefined) {// basicurl = window.createObjecturl (ไฟล์);} อื่นถ้า (window.url! = undefined) {// mozilla (firefox) url = window.url.create.create window.webkiturl.createObjecturl (ไฟล์);} return url;} </script> </html>ทำเสร็จแล้ว งานได้สิ้นสุดลงแล้ว คัดลอกรหัสและแทนที่วัสดุภาพและคุณสามารถใช้งานได้โดยตรง
ออกไปทำงาน ออกจาก
- -
เติมเต็ม เนื่องจากซ้ายคือ 0
รับมันด้วยวิธีอื่น
var objurl = getObjecturl (ths.files [0]); var left = $ ('#file_img'). ออฟเซ็ต (). ซ้าย; var top = $ ('#file_img'). ออฟเซ็ต (). ด้านบน; ภาพที่เพิ่มเข้ามาสามารถใช้ตามความกว้างของภาพเริ่มต้น - ลบความกว้างของภาพเลเยอร์ (นั่นคือความกว้างเริ่มต้นของภาพปัจจุบันคือ 75 ความกว้างของภาพของชั้นลบคือ 16, ซ้าย = 75 - 16 ตำแหน่งสามารถไปทางด้านขวาสุดของภาพ! - 5, จอแสดงผล: บล็อก}); สรุปนี่คือบทความเกี่ยวกับ HTML+CSS ที่ใช้มุมบนขวาของรูปภาพด้วยปุ่มลบและปุ่มลบภาพ สำหรับรูปภาพ HTML ที่เกี่ยวข้องเพิ่มเติมพร้อมเนื้อหาที่ถูกลบโปรดค้นหาบทความก่อนหน้าจาก Wulin.com หรือเรียกดูบทความที่เกี่ยวข้องด้านล่าง ฉันหวังว่าทุกคนจะสนับสนุน Wulin.com ในอนาคต!