Tag: css

根据键入字段的字符数动态扩展输入类型“文本”的高度: 类似于下面的JSFiddle（我collections并且不知道原始问题出现在哪里）： http://jsfiddle.net/mJMpw/6/ input { width: 200px; min-width: 200px; max-width: 300px; transition: width 0.25s; } 有没有办法将文本字段的宽度固定为，例如200px，如果用户添加的文本比200px能够包含的文本多，文本字段的高度会增长？我想要添加更多行，如果用户需要更多空间来键入…所以我需要高度而不是宽度来动态resize。谢谢！

jQuery或Javascript – 如何禁用没有溢出的窗口滚动：隐藏;: 嗨，可以禁用窗口滚动而不使用overflow:hidden; 当我徘徊一个元素？我试过： $(‘.chat-content’).on(‘mouseenter’,function(){ $(document).scroll(function(e){ if(!$(e).hasClass(‘.chat-content’)) e.stopPropagation(); e.preventDefault(); }); }); 我的意思是，我想留下可见的滚动条，但当我滚出元素我用鼠标结束时，窗口不会滚动，而我已经结束的元素可以滚动所以禁用滚动身体，但不禁用元素我没有使用CSS 这是我做的另一个尝试： http ： //jsfiddle.net/SHwGL/

jQuery相当于YUI StyleSheet Utility？: jQuery – 或其中一个插件 – 是否具有与YUI StyleSheet Utility相同的function？ “StyleSheet实用程序能够从头开始创建新的样式表，以及修改作为源自同一域或任何内联元素的元素属性的现有样式表。” 这（我很确定）是创建和修改CSS 样式表本身而不是循环遍历DOM和更改元素的style属性（如jQuery.css()方法那样）。我认为这种技术有可能显着改变许多用户界面相关Javascript的编写方式，因此有兴趣了解其中已实现的任何其他库。

如何使用CSS无法点击某个区域？: 假设我有包含div和包含一些链接和图像的包装div，有什么方法可以一次性使用CSS来停用它吗？审核答案后：我放弃了只能用CSS制作它的想法。 jQuery blockUI插件就像魅力一样。

使用jQuery或PHP将“.active”类添加到菜单中的当前页面链接: 我需要在页面上的活动任务菜单链接上添加.active类。我正在使用localhost，这里有几个示例url： http://localhost/webapp/https://stackoverflow.com/questions/13349046/add-active-class-to-the-current-pages-link-in-a-menu-using-jquery-or-php/index.php?task=validate http://localhost/webapp/https://stackoverflow.com/questions/13349046/add-active-class-to-the-current-pages-link-in-a-menu-using-jquery-or-php/index.phphttps://stackoverflow.com/?task=register 和菜单的结构： Inicio Validar Registro

jQuery Animate（）和BackgroundColor: 我正在尝试通过使用JQuery更改背景颜色来创建简单的脉冲效果。但是，我无法将backgroundColor设置为动画。 function show_user(dnid) { /* dnid is HTML ID of a div. */ if (! $(dnid).is(‘:visible’)) { $(dnid).show() } $(‘html, body’).animate({scrollTop: $(dnid).offset().top}); $(dnid).animate({backgroundColor: “#db1a35”}, 1200); } 奇怪的是，这个替代动画有效： $(dnid).animate({opacity: “toggle”}, 1200); 但这根本不是我想要的。此外，函数中的show（）和滚动function正常工作。这只是背景颜色动画。上面的function由此链接调用Locate Me 有人可以帮助我设置背景颜色的动画吗？ ========= 谢谢大家的帮助。很多类似的答案。这就是我最终的结果在我的标题中然后在我的show_user函数之后滚动动画。 var bgcol = $(dnid).css(‘backgroundColor’); $(dnid).animate({backgroundColor: “#db1a35”}, 2000); $(dnid).animate({backgroundColor: bgcol}, 2000); 这会产生一个相对快速的红色“脉冲”，吸引用户的眼睛。再一次感谢你的帮助。

如何在浏览器resize时刷新屏幕？: 是否可以刷新浏览器大小更改页面？我使用一些在页面上创建区域的样式，如果浏览器按比例缩小布局中断。也许我可以用jQuery检测文档大小的变化？

Safari：通过DOM更新时，绝对定位的DIV不会移动: 我正在尝试使用JS更新顶部和左侧CSS属性，在页面上为一些绝对定位的DIV设置动画。在Chrome，FF甚至IE8中都不是问题，但在Safari 5中尝试它们只是坐在那里……奇怪的是，如果我调整Safari窗口的大小，它们将更新它们的位置…… 你可以在这里看到它的演示： http://www.bikelanebrakes.com/tests/flyingThing1.html 更新DIV的代码非常简单，只需要一点jQuery（也可以更新旋转，在Safari中运行得很好）： $(this.elem).css({ ‘-webkit-transform’: ‘rotate(‘ + (( this.angle * (180 / Math.PI) ) * -1) +’deg)’, ‘-moz-transform’: ‘rotate(‘ + (( this.angle * (180 / Math.PI) ) * -1) +’deg)’, ‘transform’: ‘rotate(‘ + (( this.angle * (180 / Math.PI) ) * -1) +’deg)’, ‘left’: Math.round(this.xPos) + ‘px’, ‘top’: Math.round(this.yPos) + ‘px’ }); […]

如何在页面加载时显示ajax加载gif动画？: 我尝试在我的网站上实现AJAX。当单击div changepass的内容时，它应该加载changepass.template.php。这是我正在使用的代码。 $(function() { $(“.changepass”).click(function() { $(“.block1”).load(“views/changepass.template.php”); return false; }); 我的问题是如何在页面changepass.template.php完全加载时显示GIF动画（loading.gif）。给我一些代码提示请。