Tag: css

Newline被打印为html文本区域中的空格。我该如何解决？: 这是我的小jquery脚本，我附加了我收到的数据。 $.get(‘HelloWorld’, {‘data’ : data}, function(newLogs) { $(‘#logsid’).append(newLogs); $(‘#logsid’).scrollTop($(‘#logsid’)[0].scrollHeight); });

jQuery表单上传进度: 您好我正在尝试弄清楚如何修复此上传进度条，以便它可以在Firefox中运行。在Firefox中，它只有大约90％的铬，它显示100％的进度任何想法都非常感谢 *干杯编辑我应该提到这是使用jQuery表单插件http://jquery.malsup.com/form/ 编辑不确定我做了什么，但它现在将状态设置为99％任何想法如何在Firefox中获得100％:-) 我已经更新了以下代码代码如下和jQuery 0%

如何使用Jquery选择表格行？: 我试图使用JQuery选择一个表行，但它似乎不会触发.selected事件。我把代码放在了JSFiddle上 http://jsfiddle.net/tonymaloney1971/3tevxmps/1/ 我希望在单击鼠标时选择一个表格行并更改行颜色并显示包含所选行信息的警报消息。我尝试了以下但它不起作用： $(“td”).click(function () { $(‘.selected’).removeClass(‘selected’); $(this).addClass(“selected”); }); 有任何想法吗？谢谢

在hover时向背景图像添加淡入和淡出过渡: 我在页面的侧边栏中有一个简单的导航系统，你可以在这里看到。正如您可以看到当您将鼠标hover在侧边栏中的一个链接上时，背景图像会发生变化，因为我已在CSS中设置了不同的背景URL以hover。我正在寻找一种添加过渡效果的简单方法，以便hover背景图像淡入淡出。我尝试了几种jQuery方法但没有成功。我想知道是否有一种方法可以使用jQuery或其他方法向后台URL图像添加淡入淡出过渡，或者是否必须使用其他方法来获得过渡效果。谢谢，缺口

菜单 – 在整个菜单项下显示子菜单 – HTML / CSS: 菜单项是这样的图片，带有display: inline-block; ＆ padding-right:10px将它们放在一行中它们处于“ul / li架构”中，如下所示：现在我正在尝试制作一个看起来像这样的子菜单：如果你点击灯泡图片就应该发生这种情况。所以它应该将整个页面的内容推下来并将自己设置在菜单项下。我怎样才能做到这一点？我尝试了用灯泡把它放入li并尝试通过css将它送到那里。除了Submenu在其他位置上是否可行，但也将它与主菜单联系起来？

寻找一个等效于jQuery解决方案的javascript解决方案: 我在页面上有几个按钮，我动态地试图改变颜色（背景）我写了一个jQuery，它正在所有浏览器上工作，并根据传递给函数的CSS参数改变背景颜色。我正在寻找一种更改按钮颜色的javascript方法，该方法应该适用于所有类似于以下jQuery实现的浏览器。 function apply_Color(iframe,CSSParams){ var buttonColor = CSSParams.buttonColor; var buttonHoverBackgroundColor = CSSParams.buttonHoverBackgroundColor; jQuery(iframe).contents().find(‘.search-button’).css({ ‘background’: buttonColor, ‘background-image’: ‘-moz-linear-gradient(top,’ + buttonColor + ‘ 0%,’ + buttonColor + ‘ 100%)’, /* FF3.6+*/ ‘background-image’: ‘-webkit-gradient(linear, left top, left bottom, color-stop(0%, ‘ + buttonColor + ‘), color-stop(100%, ‘ + buttonColor + ‘))’, /* Chrome,Safari4+ */ ‘background-image’: ‘-webkit-linear-gradient(top, ‘ + […]

修改设计警报（Rails 3）: 我在我的rails应用程序中使用设备，它带有自己的警报/闪光助手。我修改了它，看起来像这样 “flash #{key}”) %> 我想要做的是能够通过顶角的X关闭此警报，而不是刷新页面使其消失。我创建了一个带有css / jquery的警告框，并围绕上面的代码包围了相关的div，但是当它在布局/应用程序文件中时，它总是在页面加载时可见如果它有帮助，这里是CSS和Jquery $(function() { $(‘.close’).click(function(){ $(‘.myDiv’).fadeOut(“fast”); }); .close { background:red; font-weight:bold; padding:5px; cursor:pointer; display:inline-block; } .myDiv { padding:10px; background:#ccc; width: 200px; margin:0 auto; height:50px; }

向元素添加第二个背景图像: 我想知道是否可以通过CSS3或jQuery / js将第二个背景图像分配给元素。说清楚，我知道我可以这样做： .someElement { background-image: url(sheep.png), url(betweengrassandsky.png); } 问题是我需要这样做： .someElement { background-image: url(sheep.png); } .someElement.secondClass { background-image: url(betweengrassandsky.png); } 问题是这只会覆盖第一个背景图像而不是组合它们。这有什么解决方案吗？谢谢

从下拉菜单设置背景图像 – JavaScript: 我想制作一个菜单，为一个关于我的艺术品的网站选择不同的背景。这（链接适用于背景颜色，我能够很好地复制它.http：//www.javascripter.net/faq/backgrou.htm 我知道该属性是bgImg但我无法弄清楚如何实现它。如果有人可以做一个简单的小提示，告诉我这个看似简单的技巧，我真的很感激。谢谢！罗林

resize到页面后固定导航栏问题: 我有一个页面，如果你点击你会看到演示页面，并有一个隐藏的固定菜单。滚动页面向下滚动后，您将看到固定菜单设置为display:block如图所示：但是如果我正在调整窗口大小并且如果我将滚动页面翻到正常的桌面模式后出现，你看到我的固定菜单没有隐藏另一个问题是如果你打开页面移动模拟器（就像在这个模拟器上）[ http://mobiletest.me/google_nexus_7_emulator/?u=http://firatabak.com/test/tur_detay.html]通常菜单必须显示当我向下滚动页面但它不是。 JS代码 var navOffset = jQuery(“.after-scroll-sticky”).offset().top; jQuery(window).scroll(function(){ var scrollPosition = jQuery(window).scrollTop(); if(scrollPosition >= navOffset){ jQuery(“.sticky-navbar”).fadeIn().addClass(“fixed”); }else{ jQuery(“.sticky-navbar”).fadeOut().removeClass(“fixed”); } }); if ($(window).width() = navOffset2){ $(“.sticky-navbar”).addClass(“fadeOutRightBig”); $(“.menu-btn”).fadeIn(“fast”); }else{ $(“.sticky-navbar”).removeClass(“fadeOutRightBig”); $(“.menu-btn”).fadeOut(“slow”); } }); }