تأثيرات العرض الديناميكية ثلاثية الأبعاد للصور في صفحات الويب [المؤثرات الخاصة لصفحة الويب]

كود تأثيرات خاصة بسيط وعملي، بعد فتح الطبقة، يمكنك السحب

<style type="text/css"> body { Margin: 0px; : 100%؛ العرض: 100%؛ الخلفية: #000000؛ filter:Alpha(opacity=30); % z -index: 1001; } #div3 { العرض: الكتلة؛ الموضع: z-index: 999 } </style> <script type="text/javascript"> // تحديد الكائنات المتحركة والإحداثيات المتحركة var Mouse_Obj=" none",_x,_y; // اسحب وظيفة الكائن (تلقائي) document.onmousemove=function() { if(Mouse_Obj!=="none") { document.getElementById(Mouse_Obj).style.left=_x+ events.event x; document.getElementById(Mouse_Obj).style.top=_y+event.y; } // تأكد من أن وظيفة الكائن المسحوب o هي الكائن المسحوب function m(o) { Mouse_Obj=o; .getElementById(Mouse_Obj).style.top)-event.y; } </script> <div id="div1"></div> <div id="div2" onmousedown="m(this.id)" style ="left: 0px;top: 0px;"> <عرض الجدول = "50%" الحدود = "0" cellpadding = "3" تباعد الخلايا = "1" style = "background: #ff7300؛ الموضع: ثابت؛ عامل التصفية: progid :DXImageTransform.Microsoft.DropShadow (color=#666666,offX=4,offY=4,positives=true)" align="center"> <tr style="cursor: move;"> <td><font color=" #FFFFFF">تذكير دافئ:</font></td> <td align="right"><input type="button" value="ｘ" onClick="document.getElementById ('div1').style.display ='none';document.getElementById ('div2').style.display='none';" style="cursor: hand;"></td> </tr> <tr> <td colspan="2" width="100%" bgcolor="#FFFFFF" height="150" align="middle">مرحبًا بك في <a href="http://www.downcodes.com">http://www.downcodes.com </a></td> </tr> </table> </div> <div id="div3"><input type = "button" value = "فتح الطبقة" onClick = "document.getElementById ('div1) ').style.display='block';document.getElementById ('div2').style.display='block';"></div>