Tag: css

CSS菜单浮动半左半右

我想要一种方法让我的菜单浮动半左半。 因此，导航栏中间的徽标就像它一样浮动中心，然后一半菜单项位于菜单的左侧，另一半位于右侧。 这是我目前代码的工作目录： http ： //theaamgroup.com/david-programs/brandit/ 基本上如果那不清楚我想在这里制作这个导航栏： 看起来像这样： HTML ‹ › Home About Contact Dropdown Action Another action Something else here Nav header Separated link One more separated link CSS /* GLOBAL STYLES ————————————————– */ body { padding-bottom: 40px; -webkit-text-size-adjust: none; -webkit-appearance: none; font-family: sans-serif; min-height: 416px; background-image: url(‘../img/bkg.png’); background-repeat: repeat; } /* CUSTOMIZE THE […]

使用ACF为jQuery动画添加唯一ID或数字到id的结尾

我有一切工作在html和jquery但我需要做的是分配和附加一个数字，以使唯一ID与Repeater字段一起工作。 这是HTML CSS和jquery 。 有没有办法在#expand id的末尾附加一个唯一的数字（例如1或2 ……）？ 以下是我们在这里的帮助下的代码： #expand-1 .bio-pic2, #expand-2 .bio-pic2 { position:absolute; top:0; left:0; } #expand-1, #expand-2 { position:absolute; width:1000px; border: 1px solid black; display: none; background-color:#ffffff; z-index:9999; height:323px; } .bio-pic2 img { position:absolute; top:0; left:0; width:323px; } .testimonial { position:absolute; top:333px; left:0; font-size:15px; } .desc { position:absolute; top:10px; left:333px; } .bio-pic { […]

用线连接分区

我想为我的项目建立一个层次结构。我想用一条线连接2个分区（该线可能是直线形或L形）。 我正在提供一张图片，以便您轻松搞定。 我使用了JPlumb Jquery API，但我不想使用它。 请帮我。 该线可能处于前进，后退，上下位置。 每个块应该是这样的。

通过单击下一步和后退按钮显示一组div

我有5个包含副本的div。 我有一个后退和下一个按钮，以显示每个div。 Back | Next this is example copy this is some more copy some more copy this is the last div //隐藏div，除了第一个。 .vote-result { display: none; } .vote-result.first { display: block; } 第一次单击下一个按钮链接时，我想删除关闭类，将其显示为可点击，我可能也应该首先禁用该链接并重新启用它。 $(“.back-btn”).removeClass(“off”); 一旦我显示最后一个div，我需要将off class添加到next-btn并禁用它。 我想过使用旋转木马js插件来实现这个目标，但现在已经有点过头了。 我知道一种方法可以做到这一点，但它会涉及根据点击的下一个或后一个按钮为链接分配子类，因此它将知道接下来要显示的div，以及删除或添加off class到链接。 我希望找到一个解决方案，允许我添加更多的div来显示而不修改代码。 感谢任何帮助，谢谢。

GIF没有动画页面加载

我正在尝试创建一个启动页面（我知道，我试图说服他），它显示徽标动画（.gif）和一个进入网站的按钮。 到目前为止，我有一个包含图像的div ，但是，图像并不像人们期望的那样动画。 令人惊讶的是，每次在Internet Explorer中都会对图像进行动画处理。 我该如何解决这个问题？ 我尝试用jQuery在页面加载后注入图像无济于事。 $(document).ready(function() { $(“#splash”).append(“”); })

如何防止在使用jquery浏览时看不到任何图像

我想要做的是，如果用户单击浏览文件，他应该看到图像只有其他文件。 如何使用jquery做到这一点？ 我的问题是，当我浏览时，我可以看到并选择除图像之外的其他文件。 当前输出： http ： //jsfiddle.net/LvsYc/3123/ function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $(‘#Picture’).attr(‘src’, e.target.result); } reader.readAsDataURL(input.files[0]); } } $(“#imgInp”).change(function(){ readURL(this); });

使用搜索按钮创建响应式导航栏

我正在尝试使用bootstrap创建一个响应式导航栏。 我想建立像http://wordpress.org/support/topic/want-to-move-search-option-from-header-to-navigation-bar 。 。 但搜索按钮不会向右移动，折叠时标签会分开并移动到下面的一行。 在下载Wordpress按钮的地方我想要LogIn和SignUp按钮。 折叠品牌名称时，搜索按钮和打开菜单的栏应显示在同一行中。 有人可以告诉你怎么做吗？ 看我的代码 Brand Name Home Highlights Test Yourself Interesting Questions Ask Queries SignUp LogIn .navbar { min-height: 120px; } .navbar .container { padding-top: 20px; padding-bottom: 20px; } .navbar-nav>li>a { text-transform: uppercase; font-family: “jokerman”; font-size: 16px; } @media (min-width: 768px) { .navbar-nav { margin: 0 auto; display: table; table-layout: […]

带有可滚动，固定列的Bootstrap网格

我正试图在我的Django页面上实现一个Bootstrap 3布局，而CSS（或我缺乏CSS技能）让我发疯…这个页面允许我将学生分成小组，我正在尝试使它漂亮可用于CSS。 我们的想法是在左侧有一个较小的列，其中包含未分配的学生（全部在面板中），并且在右侧有一个包含组的面板的大列。 这个截图应该解释这个概念： 当我尝试粘贴左列并使用滚动时，问题就开始了。 到目前为止，我所做的每一次尝试都做了一些破坏网格布局的奇怪事 下面的尝试使左列水平可滚动，即使只有空的空间，这使得移动面板很痛苦（我简化了Django的东西，所有这些都有效）。 Not assigned {% for student in group.0 %} {{ student }} {% endfor %} {% for i in number_of_groups %} Group {{ i|add:”1″ }} {% for student in group %} {{ student }} {% endfor %} {% endfor %} 最后的“保存组”按钮是另一种痛苦，因为它有时会出现在左栏的中间。 相关的CSS如下： .connectedLists { min-height:100px; } /* to allow […]

在多个选择上隐藏所选选项

给出以下html None 1 2 3 None 1 2 3 None 1 2 3 如果已在data1和data2上选择了选项，那么如何隐藏/删除data3上的选定选项？ 例如，如果我在data1上选择1，然后在data2上选择2，我如何在data3上删除这两个选项？ 先感谢您。 问候。

单击时jQuery在兄弟上设置高度

之前我问过这个问题，关于在切换课程后将高度设置为0 。 虽然答案是正确的，但事实certificate我的问题并非如此，我重新改写并尝试解决我的问题。 我有一个导航列表，一些项目里面有一个子导航列表 每个具有子导航的项目都有一个您单击的切换箭头 我希望子导航 以0的高度开始，当你点击切换箭头时我想用jQuery将子导航的高度设置为它的项目的计算高度 HTML是这样的： Parent Link Child Menu Item 1 我之前的问题的答案给了我这个脚本： $(function navCollapse() { var slidedownToggle = $(‘#global-nav .slidedown-toggle’); slidedownToggle.click(function () { var slidedown = $(this).parent(‘.slidedown’); var $li = $(this).closest(‘li’); var subnav = $(this).siblings(‘.nav-sub’); var subnavHeight = subnav.height(); slidedown.toggleClass(‘open’); if ($li.hasClass(‘open’)) { subnav.height(0); } else { subnav.height(subnavHeight); } }); }); 但我很快意识到，一旦将高度设置为0，无论您点击多少次，脚本都会继续将其计算为0。 […]