web前端|html教程
自动,判断,js,执行,大小
web前端-html教程
想当屏幕宽度小于800px时自动隐藏div
考勤系统 asp源码,如何解压安装vscode,ubuntu 同意条款,怎么查看tomcat路径,贵阳爬虫招聘,水晶报表 php,潜江网店seo推广公司排名,wordpress福利网站源码,音乐外链html模板lzw
回复讨论(解决方案)
仿淘宝商城宝贝上传源码,vscode怎么快速预览,ubuntu阅读文件,润乾 tomcat 部署,sqlite向表中插入数据,爬虫程序员好找工作吗,linux php 邮件,平湖质量好seo推广,织梦茶叶网站模板免费下载,套水果的网站模板lzw
易语言秒表倒计时源码,ubuntu主机管理系统,免费水族爬虫网站,php开发php编程机构,起身叼seolzw
var browserWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;if(browserWidth<800){ document.getElementById("div").style.display="none";}
借用楼上的代码,其实我的建议是这样,ie9以上css3的media可以实现楼主所说的效果。然后以下的用js实现,并且加上resize事件的绑定,要不然,隐藏之后窗口在拉大就不显示了。完整参考代码如下:
this test div
function hideDiv(){ var browserWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var div = document.getElementById("div"); if(browserWidth < 800){ div.style.display = "none"; } else { div.style.display = "block"; } } var timer = null; window.onresize = function(){ timer && clearTimeout(timer); setTimeout(function(){ hideDiv(); }, 200); } hideDiv();