1. 首页
  2. 问答
  3. 简单的左右滚动选框

简单的左右滚动选框

2010-01-20 39 views
0

什么是最轻的左右滚动选框？简单的左右滚动选框

我宁愿它是否跳票“......我的意思，而不是在一个循环中它会更好，它滚动，直至其被全部显示，然后滚动右绕来绕去。

我知道它有点复古......我想用它来代替截断文本。

谢谢。

来源

2010-01-20 Mark

+2

不会了''胜任这项工作？看起来像W3是决定恢复它 - http://www.w3.org/TR/css3-marquee/ – Anurag 2010-01-20 14:18:55

+0

这是与柔滑平滑选框结束游戏。默认的选取框元素有很差的动画（skippy，laggy等），但是柔滑的平滑选取框（以及其他一些类似的选项）重复使用现有的选取框标签并替换元素，以便使动画不那么诡异。同时保留原始选取框标记完好无损。 – 2010-01-20 14:47:02

回答

2

我建议Silky Smooth Marquee。

它采用了标准的HTML字幕标记，这样就没有启动Javascript工作。但是，启用JavaScript后，它会使用jquery来增强选取框并提供许多自定义选项。

这里的demo page。

来源

2010-01-20 14:22:53

+0

欢呼的男人...看起来不错 – Mark 2010-01-20 14:26:54

+2

享受！但要记住，地球村已经死了...：P – 2010-01-20 14:49:22

+1

和''和''有巨大的责任：P – Anurag 2010-01-21 04:02:18

0

你应该能够做到这一点很简单，用jQuery和一些CSS：

// HTML 
<div id="myWrapperID" style="width: 300px;"> 
<div id="myElementID" style="float:left">[Lorem ipsum]</div> 
</div> 


// JS 
(function(){ 
var ml, 
    elem = $('#myElementID'), 
    maxMarginLeft = $('#myWrapperID').width() - elem.width(), 
    doMarquee = function() { 
     ml = parseInt(elem.css('marginLeft'), 10) === 0 ? maxMarginLeft : 0; 
     elem.animate({ marginLeft: ml + 'px' }, doMarquee); 
    } 

elem.css('marginLeft', '0px'); 
    doMarquee();  
}());

来源

2010-01-20 14:32:07 fredrik

+0

这段代码实际上工作吗？我无法让它做任何事情。 – 2010-01-20 14:41:28

+0

只是测试运行它。作品。你有任何错误？ – fredrik 2010-01-20 15:39:11

相关问题

 相关问题