Jquery中的标签滑块 [英] Label Slider in Jquery
本文介绍了Jquery中的标签滑块的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想插入一个标签滑块,它包含两个指示左右的图像按钮。如果我点击右边,标签必须向右滑动然后隐藏,另一个标签应该显示在同一个地方。我已经尝试了很多但是我不能这样帮助我帮助我
http://i42.tinypic.com/2myq4qr.png
提前提前
I want to insert a label slider which consists of two image buttons which are indicating right and left. if i click on right, label have to slide right and then hide, another label should be displayed in the same place. i have tried a lot to do it but i am unable so plz help me out
http://i42.tinypic.com/2myq4qr.png
Thnks in advance
推荐答案
我可以告诉你逻辑。
制作三个Div。
1.第一个包含左箭头。
2.第二个/中间一个将包含许多div。每一个都包含一个标签。
3.最后一个或第三个将包含右箭头。
所有div除了中间的第一个div最初会处于隐藏状态。
因此,第一个div将显示箭头。
这些箭头将ImageButtons
。因此,在客户端的单击
方法中,您只需要使用jQuery
来隐藏当前div,它显示在中间并显示下一个div。幻灯片的方向将由图像按钮的类型确定。
如果左箭头单击事件被触发,则它将向右和向右滑动以显示右箭头点击事件。
要了解如何向左/向右滑动,请参阅从右到左滑动? [ ^ ]。
如果你不能做到这一切,那么你可以进行Goggle搜索这样的插件。
I can tell you the Logic.
Make three Divs.
1. First one will contain Left Arrow.
2. Second/Middle one will contain the many divs. Each one contains one label.
3. Last or Third one will contain Right Arrow.
All the divs except the first one inside Middle div will initially in hided condition.
So, the first div will and the arrows will be showing.
These arrows will beImageButtons
. So, on theirclick
method at client-side, you just need to usejQuery
, to hide the current div, which is showing at middle and show next div. The direction of slide will be determined by the type of Image Button Click.
If Left Arrow click event is fired, then it will slide towards left and right for Right Arrow click event.
To understand how to slide left/right, refer- slide right to left?[^].
If you can't do all this, then you can do a Goggle search for such Plug-ins.
这篇关于Jquery中的标签滑块的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文