Tag: css

使用jQuery和css隐藏/显示所选表单: 我尝试根据用户的选择制作一个jQuery函数来隐藏/显示表单！这是我的代码，你会更好地理解。 … … 我的CSS代码： .joinForm { width: 55%; position: relative; height: 396px;} #noneForm { background: url(“../img/ccard-none.jpg”) no-repeat scroll 0 0 #FFF; height:396px; width:616px; position: absolute; top: 0; display: block; } #mastercardForm { background: url(“../img/mastercard-form.jpg”) no-repeat scroll 0 0 #FFF; height:396px; width:616px; position: absolute; top: 0; display: none; } #visaForm { background: url(“../img/visa-form.jpg”) no-repeat scroll […]

拖动和调整div重叠的其他div: 我是堆栈溢出的新人。我需要你的帮助。我从网上获得了jquery resize小部件，并尝试实现我的源代码。它仅适用于一个小部件。如果我将相同的resizefunction放在同一页面中的多个小部件中，它会在小部件resize时重叠。当我调整最后一个小部件时，还有一个信息，它不会受到影响（重叠）到其他小部件。我的代码CSS .widget1 { width:150px; min-height:120px; border:1px solid green; } .widget2 { width:150px; min-height:120px; border:1px solid blue; } .widget3 { width:150px; min-height:120px; border:1px solid black; } Js二手 $(function() { $(“.drag_resize”).draggable().resizable(); }); HTML Dummy contents 1 Dummy contents 2 Dummy contents 3

Chrome无法正确呈现日历: 我的页面使用FullCalendar jQuery插件来显示每月事件日历。如果事件发生在同一天，当在Firefox或IE中查看日历时，它们之间会留下很小的空间，如下面的屏幕截图所示：另一方面，如果在Chrome中查看同一页面，则会在这些事件之间显示大量（不需要的）空间：如何在Chrome中查看页面时消除此空白区域？更新我从应用程序中删除了所有引导程序样式，问题不再出现，所以我猜有一些bootrap CSS规则只应用于Chrome中日历的呈现。现在我只需要弄清楚哪条规则……

使“jsddm”菜单列出子菜单: 你可以帮我制作这个jquery / css / menu还能显示第二级吗？这是代码： HTML JavaScript Drop Down Menu jQuery Plugin Ajax Navigation Effect Slide Effect Fade Effect Opacity Mode Drop Shadow Semitransparent Navigation HTML/CSS Help CSS #jsddm { margin: 0; padding: 0} #jsddm li { float: left; list-style: none; font: 12px Tahoma, Arial} #jsddm li a { display: block; background: #20548E; padding: […]

在niceScroll Js中禁用垂直滚动: 我只需要在此部分中进行水平滚动并隐藏垂直滚动我已经尝试过像overflow-x:hidden这样的东西overflow-x:hidden在每一件东西中但它不起作用。 All Complex Ecosystems Have Parasites All Complex Ecosystems Have Parasites Cory Doctorow doctorow@craphound.com For the O’Reilly Emerging Technology Conference San Diego, California 16 March 2005 — This text is dedicated to the public domain, using a Creative Commons public domain dedication: > Copyright-Only Dedication (based on United States law) > > The person […]

在与其一起旋转的wheelnav项目的边缘添加圆圈: 这是一个jsFiddle链接： https://jsfiddle.net/zv3mb0wp/ var wheel = new wheelnav(“divWheel”); wheel.cssMode = true; wheel.wheelRadius = wheel.wheelRadius * 0.9; wheel.titleRotateAngle = 90; wheel.animatetime = 500; wheel.animateeffect = ‘linear’; wheel.spreaderEnable = true; wheel.spreaderRadius = 80; wheel.spreaderInTitle = “content” wheel.spreaderOutTitle = “content” wheel.spreaderTitleFont = “500 14px Impact, Charcoal, sans-serif”; wheel.sliceTransformFunction = sliceTransform().MoveMiddleTransform; var arr = [“Content”,”Content”,”Content”,”Content”,”Content”,”Content”,”Content”]; wheel.createWheel(arr); 我正在努力实现以下目标：任何有关如何做的想法将不胜感激，如果有其他方法，请赐教。

到达div（滚动）时更改ul样式: 我想在滚动时更改ul样式并使用jQuery到达div，解释下来。 CSS： #menu { background-color:#ccc; position:fixed; width:100%; } .menutext { padding:25 40 30 !important; display:inline-block; } .menutext2 { padding:25 40 0 !important; display:inline-block; color:red; } .alldivs { width:300px; height:200px; background-color:a9a9a9; } HTML代码： Change the style of me to .mebutext2 on arriving to DIV1 Change the style of me to .mebutext2 on arriving to DIV2 Change […]

单击按钮时显示打开对话框: 我必须在按钮单击时显示一个Open Dialog 。基本上我必须上传一个文件，为此我使用的是FileUpload控件，但我不想将它显示给用户，而是我要显示一个Button

限制jQuery-ui Draggable仅在给定区域内向上拖动: 我有一个固定位置的图像，我用CSS制作动画，当用户滚动时向下移动屏幕边缘。 – 效果很好。当图像到达屏幕底部时，用户可以点击它并将其动画回到顶部。 – 也运作良好。我也试图让用户使用jQuery-ui Draggable将其拖动到顶部。 – 这里出现了并发症。我需要将图像向上拖动，从不向下，所以我通过移动带有可拖动图像的包含包装来限制我的可拖动元素仅向上拖动。我还在页面顶部完全限制拖动，以防止图像被拖到页面顶部之外。在大多数情况下，这在Firefox中运行良好，但我在Webkit浏览器中遇到问题，当用户第一次开始拖动它时，可拖动图像“跳起来”。我也有问题让这种效果在不同的屏幕尺寸上运行良好，因为我正在使用顶部和底部位置调整。的jsfiddle // repel down animation var previousScroll = 0; var scroll = function () { var currentScroll = $(this).scrollTop(); var z = $(window).scrollTop(); if (currentScroll > previousScroll && $(‘#repel’).css(‘top’) > ‘-400px’) { //down scroll code $(“#repel”).removeClass(“climb”); $(“#repel”).addClass(“repel”).delay(400).css(‘top’, ‘+=2%’); } if (currentScroll […]

jQuery onClick hide: 我无法弄清楚为什么我的jQuery没有删除/隐藏一个特定的div我已经看了几个例子，它应该工作得很好。这是在Drupal 7上的jQuery上完成的。这里是它所在的网站： http ： //mahonysbeta.scdmarketing.com/ HTML X CSS /*closing note*/ #closingnote { left: 20%; position: absolute; top: 175px; z-index: 9999; } .xbutton { position: absolute; padding: 3px 5px 0px; left: 237px; top: 10px; color: black; border: 1px black solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 10px; } JS (function ($) { $(‘.xbutton’).click(function(){ $(‘#closingnote’).remove(); […]