CSS3 Translate 3d Transform with JavaScript Drag - 


  परिप्रेक्ष्य: 400px; रूपांतरण-शैली: संरक्षण -3 डी; परिणत: translateX (- $ drawerWidth); संक्रमण: # {$ संक्रमण};
<पूर्व> window.onload = addListeners (); फ़ंक्शन addListeners () {document.getElementById ('ऐप')। AddEventListener ('मूसुडाउन', माउसडाउन, झूठी); Window.addEventListener ('mouseup', mouseUp, गलत); } फ़ंक्शन mouseUp () {window.removeEventListener ('mousemove', divMove, true); } फ़ंक्शन माउसडाउन (ई) {window.addEventListener ('माउसमोव', डिवमॉव, सच); } फ़ंक्शन divMove (ई) {var div = document.getElementById ('एप'); Div.style.position = 'रिश्तेदार'; Div.style.left = e.clientX + 'px'; }

मेरे ऊपर सीएसएस और थोड़ा ऊपर जेएस है। मैं एक दराज खींचने और प्रकट करने की कोशिश कर रहा हूं मैं एप कैनवास को छूकर न केवल ट्रैक करना चाहता हूं, लेकिन ऐप के बाकी ड्रैगिंग के साथ मैं नेविगेशन ड्रावर को ड्रैगिंग और रूपांतरण ट्रैकिंग 1: 1 के साथ देखना चाहता हूं।

<पी> विचार? मुझे पता है कि यह पढ़ने के लिए कड़ी मेहनत है ... जब आप किसी डिवेल को खींचते हैं, तो एक और डिवेल इसे एक्स-अक्ष के साथ 1 या 1 को खींचकर 1: 1 एनिमेशन चलाता है।

यदि आप जावास्क्रिप्ट के साथ सीएसएस एनिमेशन को नियंत्रित करने के लिए देख रहे हैं यह एक उत्कृष्ट संसाधन है।

इसमें बहुत गहराई के बिना, इसके बारे में जाने का सबसे आसान तरीका है सीएसएस बदलने की शैली को jQuery के साथ बदलना। परिवर्तन को दर्शाने के लिए प्रत्येक म्यूज़ेम पर इसे बदलना।


Comments

Post a Comment

Popular posts from this blog

python - rpy2 import is not working -

When I try to import rpy2, I get an error. Here is the code and error & gt; & Gt; & Gt; Import Traceback (Most Recent Call Final): File "C: \ PF \ WinPython-64bit-3.3.3.3 \ python-3.3.3.amd64 \ lib \ site-packages \ IPython \ core \ interactiveshell.py", line 2828 In the file, "ipython-input-148-c258a0f70d44" gt; Row 1, & lt; modules & gt; Import pandas.rpy.common file in runcode ajl (code_obj, self.user_global_ns, self.user_ns) file " C: \ PF \ WinPython-64bit-3.3.3.3 \ python-3.3.3.amd64 \ lib \ site-packages \ pandas \ rpy \ common.py ", line 14, in & lt; modules & gt; Rpy2.robjects .packages Import Import Import Import: A module name 'rpy2' What could be the problem? I Python Version 3.3.3 and PANDAS Version 0.13.1 Edit Tried to install rpy2 separately I get an error using python setup.py install which is not the module popen3 in OS . Running the site of Christophe Gohalke properly insta...
Read more

javascript - How to get MySQL query result returned using $.ajax -

I'm trying to update is a JavaScript, when you hover over an image, a devi Floats near your mouse, this information is stored in an .js file as an array, for example. text [0] = ["image 1", "data1"] text [1] = ["image2", "data2"] In the past, if the array change / add / delete the data it will need to upload a new copy .js file, if the data was attached / deleted, then the new image needs a change in .dwt file Which can update each file using the .dwt file as the main template, which can result in 20+ pages They are uploaded I thought that I can automate this record by using the database and using the database if they are active and use only mysql queries which are active, such a black app The database can be added and disabled, thus eliminating the need for every soft upload of the file. To do this, I had planned to store the information in the database and create the above array based on the results, by researching how to us...
Read more

c++ - How to load a bitmap from file into the samples buffer -

I am trying to add text to the bitmap obtained from the DirectShow filter. First of all I tried to use gdiplus, but that was not working so now I just call a net program that connects to bitmap. The problem is that I do not know how to reload the bitmap from a file into buffer samples in a direct save. Here is my code: Bitmap BMP (640, 480, 2560, 1379773, Newbuffer); // save clsid pngClsid; GetEncoderClsid (L "image / PNG", & amp; pngClsid); WCHAR * file = L "D: \\ temp \\ sample.bmp"; Bmp.Save (file, & amp; pngClsid, NULL); Std :: string command ("D: \\ yourcontrol \\ bitmapDraw.exe D: \\ temp \\ sample.bmp \" test text \ "D: \\ yourcontrol \\ out.bmp"); // Heripal system (command.c_str ()); // Load Bitmap BMP 2 (D: \\ Your Control \\ Out.bmp); How do I forward bitmap from file to sample? Media samples are a part of the agreement between filters on specific pin connections. You usually do not load media samples until y...
Read more