具有淡化效果的选取框水平文本滚动？

我正在寻找一个单线解决方案选框水平文本滚动与使用JavaScript的淡出效果（如果可能的话，jquery）。像旋转木马文本滚动一样。所有的谷歌搜索给了我滚动效果，但没有淡化效果。具有淡化效果的选取框水平文本滚动？

我知道这可以在闪存中完成，但如果有其他解决方案，我会避免它。

任何帮助将不胜感激。你可以这样做

来源

2010-05-06 Peter

的一种方法是通过创建一个大帐篷，并在其边缘浮动半透明图像：

任何你找到的罚款，或使用一个内置的jQuery中的国家：http://remysharp.com/demo/marquee.html

这里有一个衰落的形象：http://www.collylogic.com/scripts/fade.png

在上面的图片下面是the source where you can see actually SEE the fading effect

这样做的好处是，你没有做任何昂贵的处理javascri PT。您还可以选择更多的滚动条，而无需担心何时或何地消失。

缺点是半透明PNG需要在IE6中工作。但因为它只是眼睛的糖果，我想这几个IE6用户不会受到太多影响。

来源

2010-05-06 15:28:28 Armstrongest

<html> 
<head> 
<style> 
    #marquee{ 
     position: absolute; 
    } 
</style> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     function marqueePlay(){ 
      $("#marquee").animate(
       { 
       left: $(window).width() - $("#marquee").width(), 
       opacity: 0 
       }, 10000, function(){ 
        $("#marquee").css("left", 0); 
        $("#marquee").css("opacity", 1); 
        marqueePlay(); 
       } 
      ); 
     } 
     marqueePlay(); 
    }); 
</script> 
</head> 
<body> 
<div id="marquee">Weee...Weee...Duh!</div> 
</body> 
</html>

来源

2010-05-06 15:31:56 coolnalu

具有淡化效果的选取框水平文本滚动？

回答

相关问题