Tag: css

有没有办法在不改变字体颜色的情况下改变textarea光标的颜色？: 我想为我的网站提供一个function，让用户可以标记其他用户/文章。但是，textareas中不支持锚标签。因此，我将textarea的背景设置为透明，并在其下方放置一个div。在keyup事件中，div使用textarea的值填充。唯一的问题是用户无法看到光标，因为它是透明的。有任何想法吗？

使用Javascript进行Div布局: 使用Javascript进行Div布局如果我点击+它应该打开它再次点击 – 它应该是关闭它工作正常但我需要的是，如果有更多的div如何在运行时处理它们。 #widnow{ width:100%; border:solid 1px; float:left; } #title_bar{ background: #FEFEFE; height: 25px; width: 100%; } #button{ border:solid 1px; width: 25px; height: 23px; float:right; cursor:pointer; } .box{ height: 50%; width: 50%; background: #DFDFDF; float:left; } #title_bar1{ background: #FEFEFE; height: 25px; width: 100%; } #button1{ border:solid 1px; width: 25px; height: 23px; float:right; cursor:pointer; } […]

第一个菜单项未被选中: 问题：我有一个菜单，当您将鼠标hover在父项上时，它应该显示第一个项目。例如，当你在“皮划艇和独木舟”上盘旋时，它应该突出显示第一个项目2+人物并在右侧显示内容。你也应该能够hover在Boats上，右边的内容也应该改变。应该默认选择娱乐，但你也应该能够钓鱼。目前它不会显示第一个项目，但您可以将鼠标hover在任何项目上，它将显示出来。我试过了什么？ $(document).ready(function() { //on hover of sub menu li then highlight itself $(‘div#new-menu-lower ul.menuul li.menuli’).hover( function() { $(this).children(‘div#new-menu-lower ul li ul’).css(“display”,”block”); $(‘div#new-menu-lower ul li ul li ul:first’).css(“display”,”block”); $(‘div#new-menu-lower ul li ul li’).css(“display”,”block”); $(‘div#new-menu-lower ul li ul li ul li:first’).css(“display”,”block”); $(this).children(‘div#new-menu-lower ul li ul li ul’).css(“display”,”block”); }, function() { $(this).children(‘div#new-menu-lower […]

如果两个div失焦，如何激活Onblur JQUERY：Javascript: 对于autosuggest 我有一个输入标签的div和另一个建议div …我想建议div后消失 1）在建议div中选择一个元素要么 2）当点击两个div之外的区域时问题是我现在在哪里添加“onblur”事件和 function getSuggestions(value){ if (value !=””){ $.post(“target.php”, {targPart:value}, function(data) { $(“#suggestions”).html(data); if(value.length>2){ doCSS(); } }); } else { removeSuggestions(); } } function removeSuggestions(){ $(“#suggestions”).html(“”); undoCSS(); } function addText(value){ $(“#target”).val(value); } function doCSS(){ $(“#suggestions”).css({ ‘border’ : ‘solid’, ‘border-width’: ‘1px’ }); } function undoCSS(){ $(“#suggestions”).css({ ‘border’ : ”, ‘border-width’: ” […]

在Twitter Bootstrap 3中的旋转木马中找不到幻灯片类: 我在twitter bootstrap 3中制作旋转木马，但是当我使用“旋转木马幻灯片”类时，它会给出错误的未知类幻灯片。在我正在使用的代码下面。请指导我。

div的流体间距: 我有一个主图像页面。主图像将根据照片改变其高度和宽度。我还在图像旁边有一个AddThis共享小部件。我的间距对于一个尺寸的图像是正确的。如何根据图像大小设置AddThis div以流畅地保持其当前间距？这是一个链接，所以你可以看到我正在谈论的一个例子。页面上的黑框（白色轮廓）表示将更改的图像。 AddThis div目前调整高度而不是宽度。这是AddThis div的CSS： style =“left：-110px; top：-220px;” / *当前如何定位，我喜欢当前的间距。它必须保持这个间距* / .addthis_floating_style{ background: none repeat scroll 0 0 #000000 !important; position: relative !important; } 如何更改此设置以便AddThis正确调整其间距到图像的高度和宽度？我想到的另一种方法是使用jQuery读取图像的高度和宽度，然后根据图像大小设置AddThis div的left和top元素。这需要动态计算。我将使用最好的方法。请提供一个示例，因为javascript不是我的强项。更新：我读了另一个问题，并阅读了提供的答案，我想知道它是否会解决我的问题，但似乎没有正常工作。这是代码尝试过的（注意：我目前正在使用的是上面的代码，下面的代码是我尝试过的）： JS var $j = jQuery.noConflict(); $j(“#add-this-vertical”).position({ my: “right top”, at: “right bottom”, of: $j(“#image-container”), […]

如何设置cookie onclick以更改背景: 我尝试更改div onclick的背景并使用cookie保存它。这是我的代码。首先，我无法意识到我的cookie是否已经设置，其次我是否可以使用cookie的值更改背景。任何人都可以帮助一个想法吗？ Fisrt Link Second Link var cookieName = ‘cookie1’; function addcookie(){ var date = new Date(); var minutes = 5; date.setTime(date.getTime() + (minutes * 60 * 1000)); var idi = getDocumentById(this.id); var cookieValue = “http://path to image/image”+idi+”.png”; $.cookie(cookieName, cookieValue, { expires: date }); $(‘.one’).css(‘background’, $.cookie(‘cookieName’)); }

从静止鼠标进入动画元素获取mouseenter事件: 我正在写一个图像轮播，由于某些类添加/删除我的CSS指针以及我的mouseenter事件似乎无法正常工作。 $(“img”, “:not(.active)”).on(“click”, function() { var $this = $(this); $(“img”).removeClass(“active”); $this.addClass(“active”); goto($this.index()); }); $(“img”).on(“mouseenter”, function() { console.log(“silence”); }); function goto(i) { $(“.images”).animate({ left: 55-i*310 }); } http://jsfiddle.net/rnfkqq6s/3/ 请看一下小提琴并观看控制台。当鼠标在点击时没有移动时，鼠标中心有时不会被触发。与光标一样的东西。我在这做错了什么？

Jquery ScrollTo问题: 我正在使用Jquery ScrollTo，这样当我点击页面顶部的问题时，它将滚动到问题并在屏幕下方进一步回答。这个function正常（至点）现在，当我点击一个问题，说在页面的中间，它会滚动，我的导航栏将重叠一半的问题（我正在使用twitter bootstrap固定导航栏）第二个问题是当我点击Top（应滚动回到页面顶部）时，前3个问题会被导航栏重叠。如果我从导航栏中删除固定，那么一切正常，但我宁愿保持导航栏固定我的代码如下视图 Question 1 Question 2 Question 3 Question 4 Question 5 Q: Question 1Follow the link marked join which will take you to the relevant section.We review each application for membership and aim to let you know within qo working days.Top ^ Q:Question 2A: Follow the link […]