html - DIV does not move or scale via JQuery UI -

-

i'm getting started html 5 app. when page loads, have logo in center of screen. need logo in center of screen begin with. user can begin using app clicking "begin" button. when happens, want animate logo in 2 ways:

  1. i want logo move current location upper left corner (with bit of padding top , left)
  2. i want scale image down.

in attempt this, i'm using jquery ui. here have:

<body>     <div id="wrapper">         <div id="content">             <div id="logo"></div>             <input type='button' value='begin' onclick='return beginbutton_click();' />         </div>     </div>      <div id="footer">         <span id="greeting" class="footer-content">             hello         </span>         <span class="separator">|</span>         <a href="#" target="_blank" class="footer-content">view status</a>     </div>       <script type='text/javascript'>       function beginbutton_click() {         $("#load").animate({           width: "30%",           height: "30%",           opacity: 0.4         }, 1500);        }     </script> </body>

my css defined in file. css looks this:

html, body {     margin: 0;     padding: 0;     height: 100%; } body, #footer {     background-color: #2d2d2d; }  #wrapper {     width: 100%;     min-height: 100%;     margin-bottom: -34px;     background-color: #4cff00;     text-align: center;     overflow: auto; }  #content {     margin-top: 200px;     width: 350px;     display: inline-block;     position: relative;     text-align: center;     margin-bottom: 30px; }  #logo {     position: relative;     display: inline-block;     width: 100%;     height: 70px;     margin-bottom: 5px;     background: transparent url(/images/logo.png) no-repeat center center; }  #footer {     text-align: left;     width: 100%;     overflow: hidden; }  .footer-separator {     display: inline-block;     vertical-align: middle; } #info{     margin-left: 10px; } .footer-content, .action {     display: inline-block;     vertical-align: middle;     font-weight: normal; }

currently, logo div not scale or move upper left. can't figure out how move div because relatively positioned. yet, need in middle of screen. beyond that, have no idea why div not scaling. can please me?

thank you!

you should change #load #logo select div in jquery selector animate call. in order move top left, can use position() jquery ui.

$('#logo').animate({ /* call here */ }) .position({ my: 'center', at: 'left top', of: document });

Comments

Post a Comment

Popular posts from this blog

c++ - Creating new partition disk winapi -

-
i'am trying create new partition , mount volume new, thought createfile let me this, code : lpctstr lpfilename=l"\\\\.\\device\\harddisk0\\partition3"; handle handl=createfile( lpfilename, generic_read | generic_write, file_share_read | file_share_write, null, create_always, file_attribute_normal, null ); if (handl==invalid_handle_value) { qdebug()<<"handl invalid"<<" error"<<getlasterror();} bool success = definedosdevice(ddd_raw_target_path,l"i:",l"\\device\\harddisk0\\partition3"); if(!success) qdebug()<<" definedosdevice failed "<<getlasterror(); bflag = getvolumenameforvolumemountpoint( l"i:\\", // input volume mount point or directory /** u in dir
Read more

Android Prevent Bluetooth Pairing Dialog -

-
i'm developing internal application uses bluetooth printing. want bluetooth pairing occur without user input. have managed working trapping android.bluetooth.device.action.pairing_request broadcast. in broadcast receiver call setpin method, , pairing works ok, bluetoothpairingdialog displayed second or two, disappears - see link below. https://github.com/android/platform_packages_apps_settings/blob/master/src/com/android/settings/bluetooth/bluetoothpairingdialog.java since broadcast non-ordered, can't call abortbroadcast() , , wondering if there other way prevent pairing dialog appearing. can hook window manager in way? i haven't been able come way without modifying sdk. if you're oem, it's easy (i'm on 4.3): in packages/apps/settings/androidmanifest.xml, comment intent filter pairing dialog: <activity android:name=".bluetooth.bluetoothpairingdialog" android:label="@string/bluetooth_pairing_request"
Read more

VBA function to include CDATA -

-
i have following function include cdata: function cdatasection() dim objdom domdocument dim objkmlrootelement ikmldomelement dim objkmlelement ikmldomelement dim cdata ikmldomcdatasection set objdom = new domdocument set objkmlrootelement = objdom.createelement("balloonstyle") objdom.appendchild objkmlrootelement set objkmlelement = objdom.createelement("text") objkmlrootelement.appendchild objkmlelement set cdata = objdom.createcdatasection("text") cdata.data = "<![cdata[<b>latitude = $[latitude]</b>?]]>;" end function when run above, getting error "user defined data type not found" function. yes ripster says find library reference. vba window tools>references for list of relevant references see... http://msdn.microsoft.com/en-us/library/windows/desktop/ms763701%28v=vs.85%29.aspx however, if have hard time tracking down reference, replace dim sta
Read more