我有一个div,我想要全屏(100%宽度/窗口大小的高度)onClick单独按钮,图像或链接。我将如何去使用Javascript/jQuery的这个?在按钮上点击div'fullscreen'?
2
A
回答
6
有一个HTML5 fullscreen API,但它不支持足够的生产。
你可以试试这个:
$('#theButton').click(function() {
$('#theDiv').css({
position: 'fixed',
top: 0,
right: 0,
bottom: 0,
left: 0,
zIndex: 999
});
});
1
如何:
#HTML
<div id="some_id"></div>
<div id="button"></div>
#JS
$('#button').click(function() {
$('#some_id').width($(window).width());
$('#some_id').height($(window).height());
});
0
您可以使用此功能来获得的宽度和高度
$(window).width();
$(window).height();
$(document).width();
$(document).height();
,然后用它
var w = $(document).width();
var h = $(document).height();
$("#theid").css('width',w);
$("#theid").css('height',h);
0
下面是从昨天我的回答的扭捏版本:
$(':button').click(function() {
$('div > div').css({
position:'absolute', //or fixed depending on needs
top: $(window).scrollTop(), // top pos based on scoll pos
left: 0,
height: '100%',
width: '100%'
});
});
0
你会以100%的width
和height
希望fixed
位置元素,如果你没有背景色或图像,你将能够点击它。设置z-index
高于所有其他元素,以确保它在前面,如果你需要的话。
$('#id').css({
position: 'fixed',
top: 0,
left: 0,
width: 100%
height: 100%,
zIndex: 701
});
相关问题
- 1. 在按钮上点击多个按钮
- 2. 在新按钮上点击链接/按钮颜色点击
- 3. 长按事件在按钮上点击Android在Android中点击
- 4. 触发按钮点击按钮上的JavaScript点击
- 5. 上点击一个按钮
- 6. Android的按钮 - 点击上
- 7. 上点击单选按钮
- 8. 上点击一个按钮
- 9. 上点击喜欢按钮
- 10. 使用angularjs在php上点击文件上传按钮点击
- 11. 点击按钮
- 12. 按钮点击
- 13. 按钮点击
- 14. 点击按钮
- 15. 无法在按钮上点击有效的地理点点击
- 16. 在按钮上点击添加折线
- 17. 在按钮上显示div点击
- 18. 在按钮上提起事件点击
- 19. 在按钮上点击一个ID
- 20. 在onkeyup上模拟按钮点击
- 21. 在按钮上添加行点击
- 22. 在按钮上更改imageview点击android
- 23. 在点击按钮上添加值
- 24. JQgrid在刷新按钮上点击
- 25. JSF在按钮上删除行点击
- 26. 在按钮上调用_Paint点击
- 27. 需要在按钮上点击两次
- 28. 在Form1上点击按钮打开Form2
- 29. 在页面上触发按钮点击
- 30. 在按钮上加载JList点击