Tag: css

如何在jQuery Sortable手风琴头上实现一个按钮

我一直在为我的网站制作一个jQuery自定义可排序手风琴。 下一个要实现的阶段是可排序手风琴的每个标题上的按钮，它将从jQuery可排序手风琴中删除部分可扩展列表。 我已准备好使用代码了，但是我似乎无法覆盖标题上的按钮而不是它在点击function上的标题的一部分来扩展或拖动函数进行排序，但是我确实希望它在按顺序排列时遵循手风琴。 function create_accordian(str) { $( str ) .accordion({ header: ‘> div > h3’, autoHeight: false, active: false, collapsible: true, }) .sortable({ axis: ‘y’, handle: ‘h3’, stop: function( event, ui ) { // IE doesn’t register the blur when sorting // so trigger focusout handlers to remove .ui-state-focus ui.item.children( ‘h3’ ).triggerHandler( ‘focusout’ ); } […]

用于幻灯片导航控制按钮的自定义图标/图像，如viber.com上

我正在使用flexslider，我想改变。 。 。 将导航控件滑动到我自己的图标或每张幻灯片的图像。 喜欢http://viber.com上的幻灯片，如果不能在flexslider上使用插件，我可以这样做。

图片库 – Pinterest喜欢用CSS布局？

我正在开发一个动态的PHP库。 缩略图将具有相同的宽度但不同的高度。 它们将从左到右放置。 所以，我不想使用五列模式。 我想这不可能只用CSS做，所以也许你知道任何jquery脚本可以完成这项工作吗？ 我想这种画廊模式很常见…… http://sofzh.miximages.com/javascript/Xwdx0.png

获取fancybox和hover删除图标以在同一图像上工作

我正在使用此问题上的提示叠加缩略图并删除图像按钮？ 获取叠加hover删除图标以显示在我的页面上的缩略图上。 但我也使用fancybox，我似乎无法同时工作。 因为它们都需要元素。 现在，这是我的代码。 <div class="image-thumb" style="display: inline-block; background-image: url('’);” align=”center”> <a class="fancybox" href="https://stackoverflow.com/questions/20749253/getting-fancybox-and-hover-remove-icon-to-work-on-the-same-image/filename; ?>” rel=”galery1″ title=”description; ?>”>   description; ?> CSS： .image-thumb { position: relative; width: 150px; height: 150px; /* apply background-image url inline on the element since it is part of the content */ background: transparent url() no-repeat center center; } .image-thumb […]

缩小图像以适合div

我试图缩小一个inage以适合一个大于最大宽度和高度设置的div容器。 我有下面的代码，它获取图像的宽度和高度以及允许的最大尺寸。 这是我超出我的深度，下面加载的图像是662×599。 宽度大于允许的最大值，因此我需要它正确缩小并放置在div的中心。 var max_width = 713; var max_height = 550; var img = new Image(); img.onload = function() { img.width = this.width; img.height = this.height; } img.src = ‘https://stackoverflow.com/questions/16638743/scale-down-image-to-fit-div/files.jpg’; 下面是一个示例我手动调整图像大小，看起来很好，给你一个应该看起来应该如何的粗略示例。 我打算使用样式“top”和“left”将图像放在div的中心。 任何帮助都会非常感谢。

Div不会淡出/淡入

我试图让一个div淡出并按下按钮。 它适用于jfiddle但由于某种原因它不能在我的asp.net页面上工作： $(‘#btn’).click(function(e){ $(‘#fancy’).fadeOut(‘slow’, function(){ $(‘#fancy’).fadeIn(‘slow’); }); }); fade div Fancy Div http://jsfiddle.net/3XwZv/1859/ 我的asp.net页面： $(‘#btn’).click(function (e) { $(‘#fancy’).fadeOut(‘slow’, function () { $(‘#fancy’).fadeIn(‘slow’); }); }); Fade div Fancy Div

Tumblr Masonry与PXU Photoset问题

当我使用Masonry作为我的Tumblr主题时，PXU Photoset Extended没有正确加载这个问题。 我知道是什么导致它，我遗憾地不知道如何解决它。 我发现在Masonry加载时减少闪烁的唯一方法就是用CSS隐藏容器（display：none）然后在加载Masonry脚本时取消隐藏它。 看起来这有一个奇怪的副作用PXU Photoset脚本没有正确渲染图像（它们大多被切断，并在调整窗口大小时跳转到它们的实际大小）。 所以我使用这段代码来调用Masonry，ImagesLoaded和Infinite Scroll： $(document).ready(function(){ var $container = $(‘#container’); $container.imagesLoaded(function(){ $container.show(); $container.masonry({ itemSelector: ‘article’, gutter: 50, isFitWidth: true, }); }); $container.infinitescroll({ navSelector : ‘#pagination-infinite’, // selector for the paged navigation nextSelector : ‘#pagination-infinite a.next’, // selector for the NEXT link (to page 2) itemSelector : ‘article’, // selector for all […]

滚动过标题后会出现DIV导航

我正在设计一个滚动浏览标题后出现粘性导航的网站。 我使用这个脚本工作了： $(window).load(function(){ // Get the headers position from the top of the page, plus its own height var startY = $(‘#header’).position().top + $(‘#header’).outerHeight(); $(window).scroll(function(){ checkY(); }); function checkY(){ if( $(window).scrollTop() > startY ){ $(‘#navbar’).slideDown(); }else{ $(‘#navbar’).slideUp(); } } // Do this on load just in case the user starts half way down the page […]

表行的背景不透明度

我想将不透明度的背景颜色应用于表格行，而不是将不透明度应用于表格数据 ，我使用下面的样式 tr { background-color: #4682B4; filter:alpha(opacity=60); -moz-opacity:0.6;/* Mozilla */ opacity: 0.6; filter:alpha(opacity=60); } 它适用于Internet Explorer，不透明度仅适用于表格行而不适用于 ，但对于其他浏览器，不透明度也适用于 因为它附加到 。 实际上我的鼠标hover事件是 _cellMouseHover: function (e) { var $target = $(e.target); var row = $target.closest(‘tr’); row.css({“background-color”: “#4682B4”, “filter”:”alpha(opacity=60)”, /* IE */ “-moz-opacity”:”0.6″, /* Mozilla */ “opacity”: “0.6”,”filter”:”alpha(opacity=60)”, “filter”: “progid:DXImageTransform.Microsoft.Alpha(opacity=0.6)”, }); },

video无法通过Safari上的脚本加载

我有一个脚本，应该只在桌面上显示加载video，并仅在移动设备上显示图像横幅。 这在firefox和chrome中运行良好，但video在Safari中根本不加载。 控制台显示以下错误： [Error] TypeError: a.indexOf is not a function. (In ‘a.indexOf(” “)’, ‘a.indexOf’ is undefined) load (jquery.min.js:4:18902) Global Code (uiscripts:1:22070) [Error] TypeError: undefined is not an object (evaluating ‘$.validator.addMethod’) (anonymous function) (jquery.min.js:2:31697) 我的HTML是： $( function() { var bgv = $(‘#bgvid’); if (bgv.is(‘:visible’)) { $(‘source’, bgv).each( function() { var el = $(this); el.attr(‘src’, el.data(‘src’)); } […]