Tag: 不透明度
滚动时更改div不透明度
我怎样才能这样做，当你向下滚动页面时，下一个DIV会在之前的顶部消失？ 我已经设置了这个小提琴来更好地说明它： http ： //jsfiddle.net/meEf4/176/ 因此，例如，如果您在页面的中间位置，则背景为蓝色。 编辑：这是jsFiddle的内容，万一爆炸，有人遇到类似的问题。 html, body, #red, #green, #blue { height: 100%} #container { height: 300%} #red, #green, #blue { position: fixed; top: 0; width: 100%; } #red { background:red; z-index: 5} #blue { background:blue; z-index: 4} #green { background:green; z-index: 3}
Jquery – 整个页面变暗并淡化一个div元素
我尝试执行以下操作： – 单击一个链接，触发一个function，显示DIV（＃page-cover）调暗我的整个背景。 这个div的z-index为999 – 然后我希望另一个div（#red）出现在具有更高z-index的灰色背景/ fadeup / show上 我的CSS： #page-cover { display: none; position: fixed; width: 100%; height: 100%; background-color: #000; z-index: 999; top: 0; left: 0; } #red { background-color: red; width: 100px; height: 100px; } HTML //Triggering link Element 1 //Div to appear upon dimmed DIV hejsa //Dimming DIV jQuery的 function dimBackground() […]
滚动更改标题的不透明度？
我是JQuery的新手，我确信答案是超级基本的。 但如果有人能够指出我的方向是正确的，那就太好了。 我只是希望我的标题的不透明度从0变为1，因为用户滚动超过400像素。 救命？ www.HULU.com就是一个很好的例子。 $(document).ready(function() { $(window).scroll(function() { if ($(this).scrollTop() > 400) { $(‘.header’).css(“background”, “#000”); } else { $(‘.header’).css(“background”, “transparent”); } }); });
HTML加载动画
我有一个网站在页面未加载时丢失布局方案。 我想做的是将动画链接到加载进度，如进度条但没有条形图。 例如，一个简单的动画，可以将进度链接到徽标的不透明度。 因此，当页面加载50％时，徽标的不透明度为50％; 当徽标为100％时，页面被加载，加载进度为.fadeOut() 。 我知道我可以使用$(window).load()来隐藏动画 。 我不知道如何关联动画的进度和不透明度。 是否有一种“简单”的方法来实现这一目标？ 我搜索了jQuery plugins ，但我只找到了进度条加载。
jquery opacity跨浏览器？
是jQuery(‘#selector’).css({‘opacity’:50}); 跨浏览器？ 我问的唯一原因是因为我们通常在css上使用下面的行 -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;
基于滚动条位置的Div不透明度
找到滚动条到达某个位置时如何淡出div的示例。 但它不是一个平滑的节流型褪色。 这是来自jsfiddle的代码： var divs = $(‘.social, .title’); $(window).scroll(function(){ if($(window).scrollTop()<10){ divs.fadeIn("fast"); } else { divs.fadeOut("fast"); } }); 我希望不透明度百分比能够反映滚动条的位置。 例如，当滚动条位于最顶部位置时，div不透明度为100％。 当我向下滚动35px时，我希望div的不透明度渐渐下降到0％ 也许一种技术可能是当div A距离顶部35px时，div B = 100％不透明度。 当div A从顶部开始为0px时，div B = 0％不透明度。 并且在两者之间的所有阶段都能顺利淡出。 谢谢！ 更新：感谢所有帮助他们中的大多数工作相当不错，但我真的需要它在35px范围内工作。 所以我创建了一个新的例子，它将非常清楚它应该如何工作。 http://jsfiddle.net/J8XaX/1/ 更新2：移动设备：我在我的iPhone上试过这个并且淡入淡出不能顺利进行。 它的工作方式是，如果你中途滑动并松开手指，那么不透明度就会下降。 但是如果你试图平滑滚动它会从100％不透明度直接变为0％不透明度。 想知道是否有办法解决这个问题？ 谢谢！！
