Tag: css

在加载jquery之后，我无法将图像置于div中

我用jquery动态加载图像，似乎无法将它们放在div中。 我的HTML看起来像这样： jQuery调用如下所示： $(“#current_photo”).attr(‘src’, img_url); //$(‘#current_photo’).css({‘margin-right’:’auto’,’margin-left’:’auto’}); 我假设我需要在图像加载后应用CSS但这似乎也不起作用。 无论我尝试什么，图像总是左对齐。 知道会发生什么吗？

如何在表单中包含的表中设置第一个元素的样式

说我有这个表格： Sample text 我怎么能添加一个新的样式添加到这个表单的第一个，因为我没有它的id，这是我到目前为止： form table tbody tr td{ font-family : Arial; font-weight: bold; }

我有一个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, […]

在重新加载时更改div的背景颜色

我想在每次窗口重新加载时更改为div类的背景颜色。 我已经使用此代码在刷新时更改了正文的背景颜色： 但是我想改变’.three’的背景颜色，所以每次窗口重新加载（从颜色数组中选择）时，每个具有’三级’的div将具有不同的背景颜色。 似乎无法弄清楚如何做到这一点，它是否可能？

使用Jquery，将显示块更改为none不能再次进入块

在这里，我的HTML。 这是jquery $(‘#clickable div img’).hide(); $(‘div.clickable’).css(‘display’,’none’); $( “.color_area div” ).on( “click”, function() { var color = $( this ).attr( “data-color” ); $( “div.clickable” ).each( function() { var forColor = $( this ).attr( “id” ); if( forColor == color ) { if( $( this ).css(‘display’) == ‘block’){ $( this ).hide(); } $( this ).addClass( “selected” ); […]

使用setTimeout在无限循环中创建

我想弄清楚如何在到达列表的最后一项后重新启动循环。 基本上它每3秒将类active传递给下一个兄弟。 一旦到达最后一个项目，如何将其传递到列表中的第一个项目。 我想也许我可以在我的程序中使用if/else而不是for循环 $(document).ready(function() { function durationSlider() { var listItems = $(‘.loop ul li’).length; for(count=0; count <= listItems – 1; count++ ) { (function(count) { setTimeout(function() { $('.loop ul li.active').removeClass('active'); $('.loop ul li:eq(' + count + ')').addClass('active'); console.log(count); }, 3000 * count); }(count)); } } durationSlider(); }) /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none […]

将jQuery UI Slider附加到DIV的一侧（作为DIV的滚动条）

是否有一种简单的方法可以将UI滑块附加到div的一侧以充当其“滚动条”？ 我不在乎技术上是在div的一侧还是技术上的内部。 我只需要UI Slider看起来像div的滚动条。 这将是一个假的滚动条，因为div的内容将是动态的，所以我不能去jScrollPane路线。 根据UI滑块中的值填充内容。 我陷入了CSS地狱，想知道是否有几行解决方案。 提前谢谢了！

Jquery只能在切换时单击一次

我使用以下脚本来显示不同的背景，具体取决于div的状态。 当它没有展开时，它显示“加号（+）”符号，而当展开时它没有背景图像（不显示任何内容）。 问题是只能工作一次，我不知道为什么。 这是代码： 编辑（添加HTML）！ HTML： TITLE SUBCONTENT TITLE SUBCONTENT JS： $(document).ready(function() { $(‘.meta’).click(function() { $(this).css(‘background’, ‘none’); }); $(‘.mix’).click(function() { var collapse_content_selector = $(this).attr(‘href’); var toggle = $(this); $(‘.meta’).click(function() { $(this).css(‘background’, ‘url(images/arrow_down.png) no-repeat scroll 95% 97% transparent’); }); $(collapse_content_selector).toggle(function() {}); }); }); （.mix值使Div扩展，.meta类切换到不同的背景）。 任何线索？ EDIT2（实例） http://anubisfiles.com/test/test.html （由于我对jsFiddle并不熟悉，我更愿意向您展示它在网站上托管的内容）。 谢谢！

创建重叠元素

我正在尝试沿着canvas的左边框显示一个与canvas元素重叠的跨度。 Z-Index var canvas = document.createElement(‘canvas’); canvas.setAttribute(‘width’, 500); canvas.setAttribute(‘height’, 500); canvas.setAttribute(‘style’, ‘border: 1px solid; position: absolute; top: 8px; left: 8px; z-index: 0;’); document.getElementById(“timeline_wrapper”).appendChild(canvas); // draw back button var back = document.createElement(‘div’); back.setAttribute(‘width’, 50); back.setAttribute(‘height’, 500); back.setAttribute(‘style’, ‘background-color: #336699; position: absolute; left: 8px; top: 8px; z-index: 1’); document.getElementById(“timeline_wrapper”).appendChild(back); 无论我尝试过什么，后面元素都没有显示出来。 除了背部元素位于上，左，50，50，有人知道我做错了什么？ 干杯，约书亚

翻转动画无法在Firefox上运行

我按照本教程在我的网站上加入了卡片翻转。 我学到了重要的一课，即不在所有主流浏览器上进行测试就不让你的网站上线，因为动画在Firefox上无法正常运行 – 它只是来回翻转。 我知道我应该添加供应商前缀，我想我得到了所有这些，但可能没有。 注意 ：关于如何在Firefox中进行调试的一些一般性建议也将非常感激。 我通常使用Chrome，而我对此并不满意。 CSS /* entire container, keeps perspective */ .flip-container { -moz-perspective: 1000; perspective: 1000; } /* flip the pane when hovered */ .flip-container:hover .flipper, .flip-container.hover .flipper { -moz-transform: rotateY(180deg); transform: rotateY(180deg); } .flip-container, .front, .back { width: 320px; height: 480px; margin: 10px 0 10px 0; } /* flip […]