我这里有两个div:
<div style="display:table-cell" id="div1">
content
</div>
<div style="display:table-cell" id="div2">
content
</div>
Run Code Online (Sandbox Code Playgroud)
有没有办法在这两个div(有display:table-cell
)之间留出空间?
我有这个幻灯片[input type="radio"]
:http://jsfiddle.net/Jtec5/23/
代码:CSS:
#slideselector {
position: absolue;
top:0;
left:0;
border: 2px solid black;
padding-top: 1px;
}
.slidebutton {
height: 21px;
margin: 2px;
}
Run Code Online (Sandbox Code Playgroud)
我正在尝试用css设置输入广播的样式,所以看起来像这样: 有什么建议?
我在这里有一个非常简单的幻灯片:小提琴
Jquery代码:
$("#slideshow > div:gt(0)").hide();
var maxindex = $('#slideshow > div').length;
var index = 0
var interval = 3 * 1000; // 3 seconds
var timerJob = setInterval(traverseSlideShow, interval);
function traverseSlideShow() {
console.log("current index: " + index);
$('#slideshow > div')
.stop()
.fadeOut(1000);
$('#slideshow > div').eq(index)
.stop()
.fadeIn(1000);
$('ul li').removeClass('active');
$('ul li:eq(' + index + ')').addClass('active');
index = (index < maxindex - 1) ? index + 1 : 0;
}
for (var i = 0; i < maxindex; i++) { …
Run Code Online (Sandbox Code Playgroud) 我试图通过发布一些css技巧问题(以及其他主题中的jquery技巧)来分享一些知识并回答它.
在这里,我正在处理为谷歌浏览器浏览器滚动条的样式.
好吧,我有网络主机,我想得到显示我的ebay反馈的代码,但我需要的不是与另一个网站相关的代码,我的意思是我想得到我自己的代码.我发现非常好的代码可以帮助我,但我仍然需要你的帮助,这里是代码,它运作良好:
<link rel="stylesheet" type="text/css" href="http://gamila-secret.comyr.com/Styles/feedback.css" />
<script type="text/javascript" src="http://www.pc-homecare.co.uk/ebay/feedback.php?id=[USERID]&site=[SITEID]&seller=[SELLER]"></script>
Run Code Online (Sandbox Code Playgroud)
正如我所说,我需要自己的代码,我所做的是获取样式文件并重建它,但我仍然需要获取javascript文件,我只是去了http://www.pc-homecare.co.uk/ebay/feedback.php?id=[USERID]&site=[SITEID]&seller=[SELLER]
我从代码中得到的那个页面,我复制了它源代码(它的代码),然后我用我的代码在我的服务器上创建了一个新文件,但遗憾的是它没有用.关于如何从代码中获取函数以在我自己的服务器上工作的任何想法?
我在这里有一个非常简单的幻灯片:http://jsfiddle.net/Jtec5/
这是代码:
HTML:
<div id="slideshow">
<div>
<img src="http://farm6.static.flickr.com/5224/5658667829_2bb7d42a9c_m.jpg">
</div>
<div>
<img src="http://farm6.static.flickr.com/5230/5638093881_a791e4f819_m.jpg">
</div>
<div>
<img src="http://gillespaquette.ca/images/stack-icon.png">
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS:
#slideshow {
margin: 50px auto;
position: relative;
width: 240px;
height: 240px;
padding: 10px;
box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
#slideshow > div {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
}
Run Code Online (Sandbox Code Playgroud)
jQuery的:
$("#slideshow > div:gt(0)").hide();
setInterval(function() {
$('#slideshow > div:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slideshow');
}, 3000);
Run Code Online (Sandbox Code Playgroud)
我正在尝试添加圈子,告诉我幻灯片显示的是哪张照片以及幻灯片中有多少张照片,就像那些圈子一样:
而且我也无法做到这一点,图片进入幻灯片框并且不会脱落(使用固定的宽度和高度进行幻灯片放映和脚本修复照片的宽度和高度或者只是将其剪切到内部框的幻灯片的框架,不要下车),我的意思是我不希望照片显示如下:
我有这个非常简单的页面,菜单包含三个<ul>
s和内容div:http://jsfiddle.net/vvqPN/
jQuery的:
$(document).ready(function () {
$('.subcontent:gt(0)').hide();
$('#menu').on('click', 'li:not(.current) a', function () {
$('.current').not($(this).closest('li').addClass('current')).removeClass('current');
// fade out all open subcontents
$('.subcontent:visible').hide(600);
// fade in new selected subcontent
$('.subcontent[id=' + $(this).attr('data-id') + ']').show(600);
});
});
Run Code Online (Sandbox Code Playgroud)
在页面中,当您单击第<ul>
一个内容时,第一个内容加载到内容div中,然后当您单击第二<ul>
个内容时,第二个内容将加载到内容div中,而第三个内容则加载相同的内容.我试图解决的问题是,当您在页面中向下滚动并尝试单击任何<ul>
页面时,页面会自动返回到页面顶部.