根据内容自动调整弹出窗口大小的JS解决方案

jQuery实现二级竖向导航菜单Slide滑动与渐隐渐现特效 jQuery通过简洁的$()语法封装了原生JavaScript的DOM操作,极大提升了开发效率。其核心优势在于强大的选择器引擎,支持CSS1-CSS3几乎所有标准选择器,并扩展了如:visible:animated等自定义伪类,可精准定位目标元素。例如,使用即可选中导航中所有顶层菜单项,而能精确查找直接子级下拉菜单,避免误操作深层嵌套结构。// 确保DOM加载完成后再执行脚本// 或简写为: $(function(){})// 链式调用实现滑动切换});}); 阅读详情
问题
        在弹出创苦时,根据窗口的内容来自动调节窗口的大小,窗口如果已经和屏幕相等大小时则出现滚动条。
解决方案
        在弹出的页面中添加一JS脚本方法win_onLoad(),在body的onload方法中引用win_onLoad(),在body中添加表,表的id取名为tbllist,窗口的大小就是这个table的大小在宽和高上分别加50。

部分代码如下:

<script language=javascript>
function win_onLoad(){
var width = document.all["tblKsList"].offsetWidth;    
var height = document.all["tblKsList"].offsetHeight; 

width 
= eval(width + 50);
height 
= eval(height + 50);

if (width < 500)
width 
= 500;
else if (width > screen.width)
width 
= screen.width;

if (height < 400)
height 
= 400;
else if (height > screen.height)
height 
= screen.height;

//alert(width);alert(height);
window.resizeTo(width,height);
}
</script>

<head></head>
<BODY bgcolor="0099CC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="win_onLoad();">

<TABLE width="95%" border="0" cellpadding="0" cellspacing="0" class="table-left1-right2"  style="border:1 solid #000000" id="tblList">
<TR>
<TD width="100%" valign="top" colspan=2>
 欢迎使用!
</TD>
</TR>
</TABLE>
</BODY>
银河麒麟(桌面版/服务器版)远程桌面配置全攻略:XRDP与VNC实战指南 本文提供了银河麒麟操作系统(桌面版与服务器版)配置远程桌面的完整实战指南。详细对比并演示了XRDP与VNC两种主流方案的安装、配置与连接步骤,涵盖从环境准备、软件安装、服务启动到客户端连接的全过程,并针对常见的黑屏、连接失败等问题给出了有效的排坑解决方案,帮助用户实现跨平台的便捷图形化远程管理。 阅读详情

相关推荐

CPU系统级验证——测试激励——imperas公司riscvOVPsimPlus文件分析

本分析重点关注该repo向量扩展部分。 1. repo简介 该repo是指令集验证的仿真环境包括,大部分是指令集的测试用例,也包含了一些模拟器,如riscvOVPsimPlus。 主要介绍的是riscvOVPsimPlus指令集模拟器,riscvOVPsimPlus(下面统称ISS)是imperas公司在riscvOVPsim基础上扩充了向量扩展的指令集模拟器,该repo于今年9月份部分开源 什么叫部分开源呢? 首先该repo必须在imperas官网注册下载,而且必须是企业用户(免费邮箱人家瞧不上.

知识,既贵,又便宜。 4460

Ext.js创建弹窗根据浏览器大小动态变化

【代码】Ext.js创建弹窗根据浏览器大小动态变化。

weixin_45636437的博客 397

.NET适配HarmonyOS进展 1. 前言

目前国产化系统浪潮下,适配鸿蒙是中国软件大势所趋,.NET作为最适合开发客户端语言之一,适配鸿蒙系统(HarmonyOS Next)是目前.NET开发者最关心的事情。我目前业余时间正在移植Avalonia到HarmonyOS,去年在.NET Conf CN上分享过,目前又取得一点进展,所以本文把所有问题进行整合与大家进行分享。

2301_76476890的博客 1461

js 动态改变窗口大小

<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <titl...

wwf1225的博客 917

深入解析LinuxCNC源码:从界面开发到硬件交互

本文深入解析LinuxCNC开源数控系统的源码架构与二次开发实践。详细介绍了从GTK+界面定制、Python脚本绑定,到硬件抽象层(HAL)配置与核心运动控制模块的完整开发流程。通过实战案例,帮助开发者掌握如何基于LinuxCNC源码进行界面开发和硬件交互定制,实现个性化数控系统。

weixin_29164843的博客 542

零基础Python实战:手把手教你用PyGame制作动态烟花效果(附完整代码)

本文为零基础Python编程爱好者提供了一份详细的PyGame实战教程,手把手教你从环境搭建到代码实现,逐步构建一个动态烟花模拟器。教程涵盖了粒子系统、物理模拟(重力与阻力)、效果优化(拖尾与爆炸形态)以及完整的交互式主程序,帮助你通过Python烟花代码项目深入理解图形编程与面向对象设计。

weixin_29062255的博客 257

关于bootbox.js自定义弹出框样式,如修改宽度等

最近在用bootbox.js,发现弹出框没法自定义宽度,于是就看了源码,并改了源码 下面是修改之后的部分代码: p.dialog = function (a) { a = h(a); var d = b(n.dialog), f = d.find(".modal-dialog"), i = d.find(".m...

htcyrylcmj0415的博客 3943

【赛题解析&命令脚本配置】2023年全国职业院校技能大赛GZ073网络系统管理赛项赛题第9套模块A:网络构建 & (三)无线网络配置+(四)出口网络配置-命令配置

【赛题解析&命令脚本配置】2023年全国职业院校技能大赛GZ073网络系统管理赛项赛题第9套模块A:网络构建 & (三)无线网络配置+(四)出口网络配置-命令配置

君逍遥o 1018

弹出框移动、放大、缩小、最大化处理

function getViewportSize() { //可视区域的宽度和高度 return { width: document.documentElement.clientWidth, height: document.documentElement.clientHeight }; } class LayerMove { /...

每天多一点干货 4846

抖音移动端Web用户主页视频列表爬虫实战:逆向加密参数与高频采集方案

App端Hook/抓包:需要安卓逆向、Xposed或Frida,门槛高且容易被风控。官方开放API:限制极多,几乎不开放用户级视频列表。PC端Web:页面加载方式繁杂,且大量依赖懒加载与内部状态。移动端Web(:接口相对稳定,加密逻辑集中,且适合使用Requests/HTTPSession模拟,无需渲染引擎。本文聚焦于移动端Web下的用户主页视频列表爬取,采用Python 3.11 + httpx + PyExecJS + 正则/JSON解析的组合,破解X-Bogus签名和_signature。

2201_76125261的博客 858

N32G430学习笔记11- systick使用函数-延时函数

N32学习笔记11- systick使用函数-延时回调函数-延时函数

Car12 1416

Vue中使用element-ui el-dialog弹窗最大化还原,拖拽,动态改变大小

el-dialog弹窗最大化还原,拖拽,动态改变大小

yf18040578780的博客 5619

Android So加载机制分析----基于Android14源码

本文深入分析Android 14系统中SO(共享库)的两种加载机制:System.loadLibrary()和System.load()。前者通过ClassLoader查找标准路径加载,后者直接加载指定路径的SO文件。文档详细追踪了从Java层到动态链接器的完整加载链路,包括ClassLoader路径查找、JNI桥接、ART虚拟机处理以及底层linker的符号解析和重定位过程。同时还分析了Namespace隔离、JNI_OnLoad机制等核心内容,为开发者提供全面的SO加载技术解析和问题排查指南。

保持专注,保持热爱 350

简单的jQuery竖向滑动菜单

截图效果:   Javascript代码: $(document).ready(function(){ $("#menu a, #menu h1").mouseover(function(){$(this).addClass("on");}); $("#menu a, #menu h1").mouseout(function(){$(this).removeClass("on")...

禅心 244

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

jQuery 树形菜单(竖向点击和横向滑动)

效果图:              JQuery[菜单效果]          UL,LI {     list-style: none; } /* 竖向菜单的子菜单缩进  * 横向菜单的子菜单不缩进  */ UL #item {     padding: 15;     /*但IE浏览器不能缩进*/     margin: 0;

u012668297的专栏 6056

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

jQuery实现右上角点击后滑下来的竖向菜单

效果体验请点击这里:http://keleyi.com/a/bjad/27095rgj.htm这个菜单我觉得可以做成在线客服之类的,点击下滑后,带关闭按钮,因此在不想显示的时候可以关掉它。以下是源代码: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="h

u011927449的博客 239

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

jQuery1.3.2竖向的伸缩菜单

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">jquery1.3.2竖向的伸缩菜单-www.codefans.nethttp://www.codefans.net/ajaxjs/jquery1.3.2.js">>   $(document).ready(function(

Yao,Mane 768

jQuery导航栏下拉菜单的显示/隐藏 和有关动画的方法

jQuery中导航栏下拉的显示和隐藏 有下面几组相对应的方法 1、普通效果(子菜单有点生硬) show() 显示下拉子菜单 hide() 隐藏下拉子菜单 toggle() 智能切换显示/隐藏(自动识别并切换下拉子菜单的显隐状态) 2、滑动效果(子菜单带有动画效果) slideDown() 下拉显示子菜单 slideUp() 收起隐藏子菜单 slideToggle() 智能切换显示/隐藏(自动识别并切换下拉子菜单的显隐状态) 3、淡入淡出效果(子菜单显示/隐藏带有透明度)

qq_40576178的博客 3820

html如何将纵向菜单快速转换成横向菜单,Jquery系列之横向纵向菜单

jsp页面htmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">横向纵向菜单菜单项1...

weixin_42378094的博客 728

html5制作垂直列表,简单实用的垂直手风琴滑动菜单列表特效

这是一款使用jQuery和CSS3制作的简单实用的垂直手风琴滑动菜单列表特效。该手风琴菜单列表特效通过CSS3来制作平滑过渡的动画效果,它的样式时尚大方,代码简单,非常的实用。使用方法HTML结构该垂直手风琴列表的HTML结构采用无序列表来制作。每一个菜单项中的子菜单是采用和元素平级的无序列表来制作。AccountBasicsPictureGo PremiumMessages23NewSentTr...

weixin_34737066的博客 538

jquery和css3实现滑动导航菜单

效果预览:http://keleyi.com/keleyi/phtml/html5/15/有都中颜色可供选择,请使用支持HTML5/CSS3的浏览器访问。HTML源代码: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr...

weixin_30826095的博客 106

Jquery实战——横纵向的菜单

横纵向的菜单效果,点击纵向菜单显示其子菜单。鼠标指向横菜单的时候,显示其子菜单,鼠标离开,子菜单隐藏。   HTML代码: 横纵向的菜单 菜单项1 菜单项11 菜单项12

郭新宇 天道酬勤 1468

jQuery实现竖排菜单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-EN"><meta http...

weixin_34342905的博客 235
上一篇: 页面中的图片超过规定的大小就按原图片大小缩小,不超过的就按原样的JS处理方案
下一篇: winform下制作第一张水晶报表
WeekZero
博客等级 码龄21年 5粉丝 9原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值