Tag: css3

用线连接分区

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

如何暂停页面内容?

一旦滚动到达该部分,我希望某个页面停止在特定内容上。 它只会在满足某个条件后继续滚动(即绘制内容,点击该div中的内容等) 你是怎么做到这一点的? 有任何想法吗? 谢谢。

如何使用jQuery serialScroll / scrollTo(不工作)

我正在努力,试图让JQuery ScrollTo插件正常工作。 我想以编程方式将其滚动到下一个和上一个项目。 现在,当然我已经看过类似的问题 ( 和相关的小提琴 ),但我似乎无法让它适用于我的场景。 我试图在这个小提琴中设置它。 我试图获得这个位置并且浮动正确。 任何帮助表示赞赏。 提前致谢。 http://jsfiddle.net/twashing/ukEfp/21

我可以使用css或jQuery强制iframe显示页面的某些部分

我想显示来自其中一个网站的video,因为我不能使用它,但我使用iframe和一些如何仅显示iframe的video部分。 关于jsFiddle的示例 我不知道如何使用jQuery只显示嵌入了video的DIV包装器 或者只是通过css如果可以的话

我有一个JS文件,它接受HTML页面的值。 我必须在JS内嵌的CSS中使用这个变量

我使用的是simplemaps ,这是一个js文件,其中一个函数用于从HTML页面获取值。 Javascriptfunction function getValue(intvalue){ alert(intvalue); var mapval = intvalue; } var simplemaps_worldmap_mapdata = { main_settings:{ //General settings width:1004, background_color: ‘#FFFFFF’, background_transparent: ‘no’, border_color: ‘#FFFFFF’, zoom: ‘yes’, pop_ups: ‘detect’, //on_click, on_hover, or detect //Country defaults state_description: ‘Country description’, state_color: ‘#88A4BC’, state_hover_color: ‘#3B729F’, state_url: ‘http://simplemaps.com’, all_states_inactive: ‘no’, //Location defaults location_description: ‘Location description’, location_color: ‘#FF0067’, location_opacity: 1, […]

JQuery 类触发3D变换

我正在寻找一个很好的方法来提示css3 3d变换,通过使用JQuery向html标签添加类。 我有这样的菜单: Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 例如,如果单击“.menu1 a”,我想将类“show1”添加到html标记中。 ‘show2’如果’.menu2 a’被点击等。 但是为了使我的转换正常工作,我还需要添加另一个类,然后在设置的时间(如3秒)后删除。 因此,如果单击“.menu1 a”,则html类将“show1 zoom”3秒,然后只是“show1”。 如果单击’.menu2 a’,则html类将为’show2 twirl’。 我不介意在脚本中手动设置转换的名称(缩放,旋转等),但如果它更容易/更整洁我可以在li上使用类系统,例如’menu1 p-show1 t-zoom ”。 我在这里有一个半工作的例子。 如果您检查html标签(单击html旁边的齿轮)并将html类从’show1’更改为’show2 zoom’,您将看到所需的过渡,该过渡应该是旋转到正确侧(.show2)的立方体,还有顶部的花式过渡(.zoom)。 一切都正常工作,除了.js,我根本无法工作! 这里有新的演示。

将垂直滚动添加到水平滚动条

我一直试图做这样的事情,并尝试了各种方法,从假滚动条和DOM欺骗代码。 似乎没有什么比我需要它更干净/更有效。 我要做的是有一个水平滚动div(带滚动条),其中嵌有一个垂直滚动div。 理想情况下,单个水平滚动条会滚动,并在某个点之后 – 垂直滚动它旁边的“go-up”div。 以下是需要可视化的人的示例图: 我想我有一个可行的解决方案: 基本上我认为水平“场景”可能有溢出等于“上升”div的高度。 在“场景”的水平宽度通过之后……你可以在onScroll上使用(ScrollLeft)向上移动“go-up”容器并使用(ScrollTop)向上移动。 基本上给你一个用水平滚动条控制它的垂直滚动的错觉。 看看这里的代码: http : //jsfiddle.net/jPzqj/1/ 我知道如何在“场景”结束时传递一个函数…目前我正在使用: $(‘#main’).scroll(function(e) { if($(this).scrollLeft()>1430) { } }); 我唯一的问题是我不太确定如何接近数学,这将允许我改变上升容器。 如何将“scene”divs滚动值传入ScrollLeft和ScrollTop值“go-up”… 有人可以给我任何建议吗? 谢谢。

可自定义且跨浏览器友好的音频播放器,用于标签

我很难找到一个jQuery类型的播放器,我可以轻松自定义并应用到我的网站。 基本上我试图说服我的音频标签: 因为src来自声音云,它将永远是.mp3格式,因此我需要一个能够在不支持.mp3格式的浏览器中回退的播放器。 谁能建议这样的球员? 优选地,重量轻,易于安装并且具有高度可用的css。

尝试使用jQuery控制css3转换命令旋转div元素

基本上,我得到的是一个计时器,每半秒计算一次,并且它应该更新程度,div应该旋转到新的程度。 最终的结果应该(理论上)是一个有点平滑的不断旋转的div。 可悲的是,它旋转1度,然后程度不会再次更新,即使根据控制台日志,数字仍在计数。 有什么建议? setInterval(function() { var i = 0; i++; $(‘#nav’).css({‘-webkit-transform’ : ‘rotate(‘ + i + ‘deg)’}); console.log(i); } , 1000); 谢谢!

基于选择器的jquery切换(显示/隐藏)

我想基于jquery创建动画,下面是我的代码; >items=document.querySelectorAll(“#customers td span”); [​ 02​​, ​11​​, ​ 02​​, ​11​​] >item=items[0]; // it has a parent tag i want the whole row to blink (both spans) ​ 02​​ >tm=item.attributes.getNamedItem(“alt”); alt=​” 02,Counter,11,2013-04-06 14:​59:​16″ >dtm=tm.value.split(‘,’)[3]; “2013-04-06 14:59:16” 或者在JQuery中: $(document).ready(function() { window.setInterval(function(){ $(“#customers, td, #span”).each(function(){ if($(this).children(“span”).attr(“alt”)!=null) var dt=new Date($(this).children(“span”).attr(“alt”).split(“,”)[3]).getTime(); if(dt>$.now()-10*1000){ //am i right here?? console.log(“animating”); $(this).parent().fadeOut(“slow”); $(this).parent().fadeIn(“slow”); } […]