自己用jquery簡單的寫了一個根據鼠標在不同位置的點擊而在不同位置出現提示框的小程序，其中加了在窗口邊緣處點擊事件的判斷。
下面是代碼。
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> .div1{ border:1px solid red; width:150px; height:400px; display:none; position:absolute; left:0px; top:100px; } </style></head><body><div class="div1">我是彈出框中的內容</div><script src="jquery.js"></script><script> document.onclick=function(event){// 獲取瀏覽器窗口的寬高 var height = $(window).height(); var width = $(window).width();// 獲取鼠標點擊的位置 var left = event.clientX; var top = event.clientY;// 獲取顯示方塊的寬高 var height1 = $('.div1').height(); var width1 = $('.div1').width();// 計算出彈出框顯示的位置 if(left+width1>width) { left = width - width1-10+'px'; } if(top+height1>height) { top = height - height1-10+'px'; } $(".div1").CSS({"display":'block',"left":left,"top":top}); }</script></body></html>
新聞熱點
疑難解答
