`

解决不同浏览器窗口大小是否显示某DIV问题

阅读更多

解决不同浏览器窗口大小是否显示某DIV问题:

<SCRIPT LANGUAGE="JavaScript">
function resize(){
	//document.getElementById("tiao").width=window.screen.clientWidth;
	//document.getElementById("tiao").style.background="url('../images/tiao.gif') repeat-x 0 0";
	if(document.body.clientWidth>=1200){   
		document.getElementById("knife").style.display="block";   
	}else{
		document.getElementById("knife").style.display="none"; 
	}
}
function callLogin(){
	alert("callLogins");
}
resize();

window.onresize=function(){resize();};

</SCRIPT>
 

 

分享到:
评论

相关推荐

    Vue实现调节窗口大小时触发事件动态调节更新组件尺寸的方法

    2. 页面打开后,调节浏览器窗口大小时需要动态调节部分元素的尺寸; 需要注意的点: [removed]只能在项目中一处进行引用触发,如果在多个地方进行引用触发,会导致只有1个触发事件生效。 解决“多个组件都需要触发...

    div+css百分比表格+DIV+CSS+JS静态分页程序+DIV+CSS像素表格

    百分比表格(用DIV+CSS)以百分比显示,可以根据窗口的大小自动调节所显示的大小! DIV+CSS+JS静态分页程序可兼容主流浏览器(IE、FF、Opera) DIV+CSS表格(用DIV+CSS做的表格像素表格) 内容不多但是绝对实用,其实...

    div的position属性

    由于视图本身是固定的,它不会随浏览器窗口的滚动条滚动而变化,除非你在屏幕中移动浏览器窗口的屏幕位置,或改变浏览器窗口的显示大小,因此固定定位的元素会始终位于浏览器窗口内视图的某个位置,不会受文档流动...

    360急速浏览器,iframe等问题导致,右键禁用无效的问题

    360浏览器急速模式下,由于父窗口iframe、浏览器窗口改变大小等原因导致的滚动条部分可视区鼠标右键无法禁用等问题的解决办法:利用div等对象进行遮罩操作(该div对象必须覆盖可视区).

    vue 监听窗口变化对页面部分元素重新渲染操作

    问题 在处理页面重新渲染时通常的做法是: ...vue 监听窗口大小发生改变 使用 window.addEventListener() 添加 resize 事件监听窗口变化 new Vue({ el: '#app', data() { return { render: true } },

    lhgdialog DIV弹出窗口框架

    代码简洁:整个组件所有代码总共18K,如果不算上图片和CSS样式表文件,总共大小才12K不到。(这是在代码未压缩情况下) 程序运行效率高:弹出窗口在打开和拖动时非常流畅,在同等测试条件下,CUP的占有率在30%左右...

    可拖动div层,兼容IE火狐等浏览器

    基于JQuery的div层窗口,可拖动,可设置大小,兼容IE、遨游和火狐等主流浏览器。附带例子、JQuery文件,注意使用时必须引入dialog.css, 具体用法参照例子。超好使

    jQuery监听浏览器窗口大小的变化实例

    着两种方法基本都可以解决问题。 [removed] function adjust(obj){ var div = document.getElementById("pad"); var txt = document.getElementById("txt"); var w = document.body.clientWidth; var h = ...

    窗口和表单事件.pptx

    当调整浏览器窗口大小时,发生 resize 事件。 x=0; $(document).ready(function(){ $(window).resize(function(){ $("span").text(x+=1); }); $("button").click(function(){ $(window).resize(); });}); 窗口...

    jQuery实现弹出窗口弹出div层的实例代码

    无论是改变浏览器窗口大小还是下拉滚动条,这个弹出层都能始终保持居中;点击页面的关闭按钮,弹出层消失,页面恢复原样。 这里借鉴之前的一篇文章《基于jQuery的固定飘浮层》,使弹出窗口可以始终固定在浏览器的正...

    jquery.fullBleed:jQuery插件,可缩放图像以占据整个浏览器窗口

    jquery.fullBleed 缩放图像以占据整个浏览器窗口。用法 $ ( 'img' ) . fullBleed ( ) ;渐进增强对于现代浏览器,img元素将转换为带有背景图像的div,因此它们可以利用CSS3的“ background-size:cover”属性。 这...

    JS弹出居中的DIV的代码

    大小随着浏览器的窗口大小而改变。 document.body.clientHeight(网页可见区域高):是指浏览器显示网页的区域所能看到的高度,不包括浏览器的边框宽度和水平滚动条的高度。大小随着浏览器的窗口大小而改变。 ...

    fixedCenter:一个简单的 jQuery 插件,将元素直接定位在页面的中心。 即使您调整浏览器窗口的大小,该元素也将始终居中

    固定中心 一个简单的 jQuery 插件,将元素直接定位... 即使您调整浏览器窗口的大小,该元素也将始终保持居中。 例子 $ ( '#div1' ) . fixedCenter ( { close : function ( ) { $ ( this ) . remove ( ) ; } } ) ;

    将元素显示到屏幕正中间

    将一个HTML元素显示到屏幕的正中间,并且当浏览器窗口大小改变及拖动滚动条时,元素依然保持在正中间。

    js html页面点击小图弹出div放大查看原图

    jquery.lightbox-0.5 点击小图放大... ... 修正了图像宽度比浏览器窗口大时,出现滚动条的问题,显示的大图片自动适应浏览器页面大小,不出现滚动条。 原效果地址 http://leandrovieira.com/projects/jquery/lightbox/

    div或img图片高度随宽度自适应的方法

    利用js来实现有一个缺点就是只能在页面刷新的时候才能调整图片的高度,不能随着浏览器的窗口大小变化来实现自适应。 二、我这次主要是用css来实现图片高度的自适应问题。 下面是所需要的代码 (这种方法是可以在图片...

    div+css 多选项卡

    类似360浏览器选项卡。根据打开窗口的大小自动隐藏超过页面宽度的选项卡,点击左右图标可移动显示。

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    (1)针对多窗口类浏览器模式问题,指出并分析了该问题存在的原因,利用Activity的运行机制,通过Fragment栈对主要模块的Webview进行管理,实现对不同模块之间切换的控制。 (2)针对跨域数据交互问题,指出并分析了...

    仿Win10系统WIN10-UI系统PHP网站源码

    可定义方块大小,添加随机动画 桌面图标自动排序 任务栏结合iframe子窗口, 与windows一致的窗口管理体验 开始菜单+消息提示中心,满足后台UI的设计需求极少的API 大部分功能可用html元素定义完成 响应式兼容,在...

    Javascript-Slideshow:一个非常可配置且功能丰富的幻灯片

    幻灯片放映 幻灯片是功能齐全且可配置的javascript幻灯片。 该演示允许设置所有选项,并立即查看结果以及生成调用幻灯片所... 如果为false,则在调整浏览器窗口大小时,图像将保持其大小。 显示/隐藏(布尔值:True显

Global site tag (gtag.js) - Google Analytics