Tag: css
页面加载时如何自动弹出CSS3模态窗口？
我试图解决这个问题。如何让它在页面上工作。 我的css .modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; } .modalDialog:target { opacity:1; pointer-events: auto; } .modalDialog > div { width: 400px; position: relative; margin: 10% auto; […]
JQuery：如何为元素分配字体
是否可以在jQuery中检索元素的指定字体？ 让我们说有css： #element { font-family: blahblah,Arial; } 在上面的示例中，Arial字体将分配给#element。 有没有办法通过JS / JQuery获取该信息？ 就像是： $(‘#element’).css(‘font-family’); 只返回blahblah,Arial;
jquery为旋转div设置动画
我想在动画函数中旋转div，例如 $(‘div’).animate({rotate: ’30deg’},1000); 我发现了这个： http://www.zachstronaut.com/posts/2009/08/07/jquery-animate-css-rotate-scale.html 但我想知道是否有更正式的方式来做或至少以不同的方式。 谢谢
如何加载CSS背景图像？ 事件被解雇了吗？
我有一个带有图像背景的侧边栏小部件。 这是一个搜索输入表单。 我不希望输入在图像加载之前显示。 有没有办法将load事件处理程序附加到CSS背景图像，如普通的img元素/对象？ 我知道这可以在普通图像上完成，但我想将它保留为CSS背景，因为图像是精灵的一部分。 我使用的是jQuery，因此使用jQuery或plain DOM JS的解决方案同样出色。
如何一次滚动绘制每个SVG路径（按时间顺序）？
这与此前的post有关。 但是，我认为这是一项重大任务。 所以我把它分解成更小的块。 我制作了一个简单的SVG图像，其中包含一个“路径”和一个“矩形”元素。 用户可以通过向上和向下滚动页面来打开和关闭窗口（向下滚动页面以打开和关闭页面以关闭/“展开”。但是，两个元素同时“绘制”/动画。我想要做的是当用户向下滚动页面，线条路径绘制，然后“rect”元素绘制（后），所以它更流畅和按时间顺序。 the single line svg { position: fixed; margin: auto; top: 0; left: 0; right: 0; bottom: 0; width: 50%; } /*.line{ stroke-dashoffset:850; stroke-dasharray: 850; } .box { stroke-dashoffset:1852; stroke-dasharray: 1852; }*/ .all{ stroke-dashoffset:2702; stroke-dasharray: 2702; } .straightLine { height: 3000px; position: relative; width: 360px; margin: 40vh auto 0 auto; } […]
Bootstrap Carousel显示下一个和上一个图像
引导旋转木马是否可以伸缩以显示滑块中的下一个和上一个图像？ … … 我的旋转木马现在看起来像这样，我如何将上一张和下一张图片添加到当前活动的幻灯片中？
如何使用CSS 3过渡获得与jQuery的slideToggle相同的效果？
我想要jQuery slideToggle效果，但想要使用CSS3过渡以便在iOS设备上调用GPU，以便过渡更顺畅。
如何获得身体元素的高度
这里所有 的总高度是900像素，但jQuery函数将身体的高度返回为577像素。 （如果我删除了身体CSS，它正在工作）。 这个问题有解决方案吗？ $j(function() { alert($j(“body”).height()); }) html, body { height:100%; } header content footer
如何使用Jquery每隔几秒循环一次css背景图像？
我想每隔几秒更改一个标题css背景图像，所以它看起来像幻灯片。 例如，前2秒是： body#home h1#siteH1 { background:url(../images/header1.jpg) no-repeat;} 接下来2秒钟： body#home h1#siteH1 { background:url(../images/header2.jpg) no-repeat;} 接下来2秒钟： body#home h1#siteH1 { background:url(../images/header3.jpg) no-repeat;} 然后再循环到header1。 如果有人知道如何以褪色效果进行过渡，那么它将是完美的。
Jquery – 如何禁用整个页面
我有这个ajax事件 function save_response_with_ajax(t){ var form = $(‘#edit_’+t); var div = $(‘#loading_’+t); $.ajax({ url: form.attr(“action”), type: “POST”, data: form.serialize(), cache: false, beforeSend: function(){ form.hide(); div.show(); }, complete: function(){ div.hide(); form.show(); }, success: function (result) { } }); } 一切正常，但我想添加（如果可能的话）将整个页面（内容/正文）转换为灰色而前/完成ajax事件的可能性，就好像它是一个模态（如此http：// jqueryui.com/demos/dialog/#modal但没有对话框） 有办法做到这一点吗？ 提前致谢 哈维尔Q.
