我会尽量保持这个简短.我正在尝试创建用户单击展开按钮时隐藏或显示的文本框.我正在使用toggle()方法.
标记是这样的:
<span id="toggle0">+</span>
<div id="toggle0Container">
blablabla...
<div>
<span id="toggle1">+</span>
<div id="toggle1Container">
blablabla...
<div>
<span id="toggle2">+</span>
<div id="toggle2Container">
blablabla...
<div>
// etc
#toto0应该切换#tockt0_tatainer,#toggle1切换#topggle1Container,依此类推.这都是由PHP生成的,因此可以有任意数量的这些容器.
这是JQuery代码:
$(document).ready(function() {
// array of numbers, it's pretty redundant, there will never be more than 30 containers
var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9 , 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, …HTML:
<div class="interview">
<h4>Interview</h4>
<a href="#" class="question">This is question 1?</a>
<div class="answer">This is an answer!</div>
<a href="#" class="question">This is question 2?</a>
<div class="answer">This is an answer!</div>
<a href="#" class="question">This is question 3?</a>
<div class="answer">This is an answer!</div>
</div>
jQuery的:
if ($('interview')[0]) {
$('interview .question').toggle(function () {
$(this).next('.answer').slideIn();
},
function () {
$(this).next('.answer').slideOut();
});
}
......我无法弄清楚它为什么不起作用.
我已经构建了一个Web应用程序,可以使用CSS @media查询缩小到适合移动设备的版本.
我想有一个按钮在显示DIV的两个主要内容之间切换.
当页面加载时,使用@media查询,另一个通过隐藏 display: none;
单击一个按钮时,我希望它显示并隐藏可见的按钮,这是我目前已经完成的.
但我想为这个过程制作动画,我希望在移动设备上顺利运行.
但我无法弄清楚jquerymobile如何做到这一点,它完美无缺.
我需要做什么才能使面板(div)从左侧滑落,另一个从右侧滑入,就像使用非移动jquery的mobilejquery一样？
示例:http://m.stanford.edu/ 在单击列表项时,它会滑出,另一个滑入.
谢谢.
我正在开发一个由许多代表阶段的活动组成的应用程序.因此,有Stage1Activity,Stage2Activity,Stage3Activity等.每个活动都有一个按钮(或更多按钮),一旦点击,就会将用户带到下一个活动.我想做的是动画这些活动之间的过渡.
我在res/anim文件夹中添加了两个XML文件.push_left_in.xml:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate android:fromXDelta="100%p" android:toXDelta="0" android:duration="300"/>
<alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="300" />
</set>
而push_left_out.xml:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate android:fromXDelta="0" android:toXDelta="-100%p" android:duration="300"/>
<alpha android:fromAlpha="1.0" android:toAlpha="0.0" android:duration="300" />
</set>
在主要活动中,Stage1Activity我有:
public class Stage1Activity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_stage1);
overridePendingTransition(R.anim.push_left_in, R.anim.push_left_out);
}
@Override
public boolean onKeyDown(int keyCode, KeyEvent event){
if (keyCode == KeyEvent.KEYCODE_BACK){
finish();
overridePendingTransition(R.anim.push_left_in, R.anim.push_left_out);
return true;
}
return super.onKeyDown(keyCode, event);
}
}
现在,当我进行活动时,过渡工作正常.新活动将旧视图从右向左推出视图.当用户按下设备上的后退按钮时,我想要一个反向效果,但是会播放相同的过渡动画.我玩过android:fromXDelta标签,并取得了一些非常奇怪的结果,但我只是不知道如何设置它,以便在按下设备上的后退按钮时,新的活动(实际上是旧的一个新调用的意图)从左到右推出旧的.
基本上我想让它看起来就像你在进行阶段时向右移动一样,但是当你向后按时它应该看起来像你回到了(向左).抱歉,如果这是一个愚蠢的问题,但我真的很困惑,我需要帮助:/
我想实现一个Android屏幕,其中用户的个人资料图片显示高度的一半,当我们向下拖动屏幕能够看到全部图片时,当我们再次释放时,图片进入初始状态(半张图片).它与Viber Profile页面效果相同.请帮我讲一下如何实现这个目标.谢谢.
所以我试图做到这一点,然后当你点击旋转木马中的一个链接时,它会将你向下滚动到页面内容.
这是我的jquery:
$('#picks li a').click(function(){
$('html, body').animate({
scrollTop: $( $.attr(this, 'href') ).offset().top
}, 500);
return false;
});
但是我在我的控制台中收到此错误错误:语法错误,无法识别的表达式:http://hutchcreative.co.uk/rod/other/#galleryDetails
这是正确的链接位置,但不知道如何纠正它,以便jquery添加幻灯片？
谢谢!
我需要在bootstrap carousel slide上将事件绑定到右边.我有这个代码:
$('#carousel-showcase').bind('slid', function () {
$("#wrap").animate({
backgroundPositionX: '+=50%'
},0);
});
但它的工作方向无关紧要.有帮助吗？
我试图这么做几个小时但不能做到这一点.
我试图将中间幻灯片设置为活动幻灯片,但似乎它正在上下移动.
这是代码:
HTML
<div class="slider8">
<div class="slide"><a href="#">Sell My</a></div>
<div class="slide"><a href="#">Fix My</a></div>
<div class="slide"><a href="#">Buy A</a></div>
</div>
JS
var slider = $('.slider8').bxSlider({
mode: 'vertical',
slideWidth: 300,
minSlides: 3,
moveSlides: 1,
slideMargin: 10,
onSlideAfter: function (currentSlideNumber, totalSlideQty, currentSlideHtmlObject) {
console.log(currentSlideHtmlObject);
$('.active-slide').removeClass('active-slide');
$('.slider8>div:not(.bx-clone)').eq(currentSlideHtmlObject + 1).addClass('active-slide')
},
onSliderLoad: function () {
$('.slider8>div:not(.bx-clone)').eq(1).addClass('active-slide')
}
有人可以帮忙吗？
谢谢.
如何制作幻灯片动画？感谢用户Romain Piel在本主题中获得此代码.但我无法想象如何制作逆向效果.那个动画用于向下滑动,但我想要向上滑动.我怎样才能做到这一点？我很抱歉,如果这是一个糟糕的问题,但动画总是令我感到困惑.我也尝试过其他代码,但看起来并不好看.
overridePendingTransition(R.anim.push_down_in,R.anim.push_down_out);
R.anim.push_down_in:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate android:fromYDelta="-100%p" android:toYDelta="0" android:duration="900"/>
</set>
R.anim.push_down_out:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate android:fromYDelta="0" android:toYDelta="100%p" android:duration="900"/>
</set>
我有一个水平分割窗格,我想点击按钮,更改分隔符位置,以便我创建一些"幻灯片"动画.
divider将从0开始(完成左侧)并且在我的点击它将打开直到0.2,当我再次点击时,它将返回到0;
现在我实现了这一点,我只是使用
spane.setdividerPositions(0.2);
和分频器位置的变化,但我不能设法慢慢地这样做我真的很喜欢改变分频器位置时的滑动感觉.
谁能帮助我？我在谷歌上发现的所有例子都显示了一些DoubleTransition,但在java 8中不再存在,至少我没有导入.