slide

Open view with slide effect from bottom to top on iPhone

会有一股神秘感。 提交于 2019-12-02 18:38:03
I'm making an application for iPhone (which runs in landscape mode) (OS 3.0), and I want that when I touch a toolbar button it opens a view with a slide effect (similar to the effect when you touch 'Bookmarks' in Mobile Safari's toolbar) from the bottom to the top of the screen. The view is in the same XIB file as the button. How can I do this? Thanks in advance. [self.tabBarController presentModalViewController:yourSlideController animated:YES]; If you are asking about doing the animation custom here's a snippet that might help. Lets assume the view "myView" is already added as a subview to

iOS: Sliding UIView on/off screen

家住魔仙堡 提交于 2019-12-02 16:01:09
I'm working on an app where having a "drawer" on the left-hand side would be very beneficial. I'm doing some initial testing to see how I would best accomplish this, and I'm having some very basic trouble. My Setup 1. I am using a single-view application template in Xcode 4. 2. To the xib's "main/border" view, I've added 2 UIViews (LeftPanel and RightPanel) and a UIButton (ShowHideButton). 3. I've colored the LeftPanel green and the RightPanel blue for easier visibility. 4. When the view is loaded, both panels are visible and the UIButton has the text "Hide Panel". 5. Upon pressing the button,

Animate visibility modes, GONE and VISIBLE

岁酱吖の 提交于 2019-12-02 14:15:56
So im trying to animate when i set the visibility of a linearlayout with other widgets, from GONE to VISIBLE and the opposite.Im using togglebuttons to show and hide. Here's an image to show what i want to do: I can show and hide, but im not following how can i animate the sliding correctly....:( Heres my xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/LinearLayout01" android:layout_height="wrap_content" android:layout_width="fill_parent" android:orientation="vertical"> <ScrollView android:id="@+id

Flickering in C# doing a SlideButton (DoubleBuffer not working apparently)

久未见 提交于 2019-12-02 11:34:59
i got a problem with flickering in C# WinForms proyect. I simply made a SlideButton control: this is the code: using System; using System.Collections.Generic; using System.ComponentModel; using System.Drawing; using System.Data; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows.Forms; using System.Diagnostics; using System.ComponentModel.Design; namespace DELTA.UI.Search { [Designer("System.Windows.Forms.Design.ParentControlDesigner,System.Design", typeof(IDesigner))] public partial class Slide : UserControl { public Boolean IsShown { get { return button

JQuery Animation doesn't work in Internet Explorer

拜拜、爱过 提交于 2019-12-02 10:56:43
I'm having a bit of trouble making this JQuery work in Internet Explorer, it works beautifully in FF, WebKit, etc, sliding up, bouncing and falling back into place, but in Internet Explorer it does nothing, the buttons don't work and the content never slides up upon page load. It's really weird, I had an element fade out in an earlier design of my site and it didn't work in IE but worked in everything else... <script> $(document).ready(function(){ $('#homecontent').delay("750").animate({ marginTop: "-15px" }, 1500).animate({ marginTop: "5px" }, 500); }) </script> <script> $("#shop").click

Change css property after stop animation

家住魔仙堡 提交于 2019-12-02 09:42:33
问题 I want to change a text color after a animation is completed. I try this : http://jsfiddle.net/WvAaK/2/ But doesn't work ! :/ var menuState="closed"; $("#MENU").click(function() { if (menuState=="closed") { $("#SOUSMENU").animate({height: "300px"}, 1000); menuState="open"; } else if (menuState=="open"){ $("#SOUSMENU").animate({height: "0px"}, 1000); menuState="closed";}}); $("#MENU").click(function() { if (menuState=="open") { $("h1").css('color','red'); } else if (menuState=="closed"){ $("h1

Animate splitpane divider

余生颓废 提交于 2019-12-02 07:25:20
问题 I have a horizontal split pane, and i would like to on button click, change divider position, so that i create sort of "slide" animation. divider would start at 0 (complete left) and on my click it would open till 0.2, when i click again, it would go back to 0; now i achived this, i just use spane.setdividerPositions(0.2); and divider position changes, but i cant manage to do this slowly i would really like that slide feeling when changing divider position. Could anyone help me ? all examples

Javascript slide effect onclick

爱⌒轻易说出口 提交于 2019-12-02 04:57:43
I'd like to add a slide & fade effect to a DIV, with purely Javascript, using "onclick". The code is here: http://jsfiddle.net/TCUd5/ The DIV that has to slide has id="pulldown_contents_wrapper". This DIV is contained in a SPAN, that also triggers it: <span onclick="toggleUpdatesPulldown(event, this, '4');" style="display: inline-block;" class="updates_pulldown" > <div class="pulldown_contents_wrapper" id="pulldown_contents_wrapper"> And I think the JS code that controls the SPAN onclick is: var toggleUpdatesPulldown = function(event, element, user_id) { if( element.className=='updates

Change css property after stop animation

房东的猫 提交于 2019-12-02 03:33:50
I want to change a text color after a animation is completed. I try this : http://jsfiddle.net/WvAaK/2/ But doesn't work ! :/ var menuState="closed"; $("#MENU").click(function() { if (menuState=="closed") { $("#SOUSMENU").animate({height: "300px"}, 1000); menuState="open"; } else if (menuState=="open"){ $("#SOUSMENU").animate({height: "0px"}, 1000); menuState="closed";}}); $("#MENU").click(function() { if (menuState=="open") { $("h1").css('color','red'); } else if (menuState=="closed"){ $("h1").css('color','black'); menuState="closed"; } }); Thanks for your precious help ! Use the callback of

用原生JS实现旋转轮播图

北城余情 提交于 2019-12-02 00:14:56
html代码 <div class="wrap" id="wrap"> <div class="slide" id="slide"> <ul> <li><a href="#"><img src="images/slidepic1.jpg" alt=""/></a></li> <li><a href="#"><img src="images/slidepic2.jpg" alt=""/></a></li> <li><a href="#"><img src="images/slidepic3.jpg" alt=""/></a></li> <li><a href="#"><img src="images/slidepic4.jpg" alt=""/></a></li> <li><a href="#"><img src="images/slidepic5.jpg" alt=""/></a></li> </ul> <div class="arrow" id="arrow"> <a href="javascript:;" class="prev"></a> <a href="javascript:;" class="next"></a> </div> </div> </div> css代码 ol, ul { list-style: none } .wrap { width: 1200px;