JavaScript窗体打开特效

html5网页特效-拖拽可跟随的图标 效果: 图标列表可打开/关闭,可拖拽主图标。 使用foundation-icons.css的图标系统,这个系统有超多常用图标,不用再自己找了。 使用jquery-ui.min.js来实现拖拽。 使用anime.js实现移动动画。anime.js内置超多动画选项,再也不用自己一个个去css里设计了,只要传传参即可。 使用jquery,但并无复杂逻辑,上手难度:简单。 学习笔记(javascri... 阅读详情

右侧出现旋转打开:

   <script type ="text/javascript">
        window.scrollBy(0, 100)
        window.resizeTo(0, 0)
        window.moveTo(0, 0)
        setTimeout("move()", 1);
        var mxm = 50
        var mym = 25
        var mx = 0
        var my = 0
        var sv = 50
        var status = 1
        var szx = 0
        var szy = 0
        var c = 255
        var n = 0
        var sm = 30
        var cycle = 2
        var done = 2
        function move() {
            if (status == 1) {
                mxm = mxm / 1.05
                mym = mym / 1.05
                mx = mx + mxm
                my = my - mym
                mxm = mxm + (2000 - mx) / 100   //设置转动幅度X
                mym = mym - (300 - my) / 100
                window.moveTo(mx, my)
                rmxm = Math.round(mxm / 10)
                rmym = Math.round(mym / 10)
                if (rmxm == 0) {
                    if (rmym == 0) {
                        status = 2
                    }
                }
            }
            if (status == 2) {
                sv = sv / 1.009  //1.0
                scrratio = 1 + 1 / 3
                mx = mx - sv * scrratio / 2
                my = my - sv / 2
                szx = szx + sv * scrratio
                szy = szy + sv

                if (mx > 419 && my > -1007) {
                    //alert(mx + "," + my)
                    window.moveTo(mx, my)
                    window.resizeTo(szx, szy)
                    if (sv < 0.1) {
                        status = 3
                    }
                }
                else {
                    return;
                }
             
            }
            if (status == 3) {
                c = c - 16
                if (c < 0)
                { status = 8 }
            }
            if (status == 4) {
                c = c + 16
                if (c > 239)
                { status = 5 }
            }
            if (status == 5) {
                c = c - 16
                if (c < 0) {
                    status = 6
                    cycle = cycle - 1
                    if (cycle > 0) {
                        if (done == 1)
                        { status = 7 }
                        else
                        { status = 4 }
                    }
                }
            }
            if (status == 6) {
                document.title = ""
                alert("")
                cycle = 2
                status = 4
                done = 1
            }
            if (status == 7) {
                c = c + 4
                if (c > 128)
                { status = 8 }
            }
            if (status == 8) {
            }
            var timer = setTimeout("move()", 0.01)
        }   
    </script>

====================================================

中间出现旋转打开:

  <script type="text/javascript">
        window.scrollBy(0, 100)
        window.resizeTo(0, 0)
        window.moveTo(0, 0)    
        setTimeout("move()", 1);
        var mxm = 50
        var mym = 25
        var mx = 0
        var my = 0
        var sv = 50
        var status = 1
        var szx = 0
        var szy = 0
        var c = 255
        var n = 0
        var sm = 30
        var cycle = 2
        var done = 2
        function move() {
            if (status == 1) {
                mxm = mxm / 1.05;
                mym = mym / 1.05;
                mx = mx + mxm;
                my = my - mym;
                mxm = mxm + (550 - mx) / 100   //设置转动幅度X
                mym = mym - (300 - my) / 100
                window.moveTo(mx, my)
                rmxm = Math.round(mxm / 10)
                rmym = Math.round(mym / 10)
                if (rmxm == 0) {
                    if (rmym == 0) {
                        status = 2
                    }
                }
            }
            if (status == 2) {
                sv = sv / 1.051  //1.0
                scrratio = 1 + 1 / 3
                mx = mx - sv * scrratio / 2
                my = my - sv / 2
                szx = szx + sv * scrratio
                szy = szy + sv
                window.moveTo(mx, my)
                window.resizeTo(szx, szy)
                if (sv < 0.1) {
                    status = 3
                }
            }
            if (status == 3) {
                c = c - 16
                if (c < 0)
                { status = 8 }
            }
            if (status == 4) {
                c = c + 16
                if (c > 239)
                { status = 5 }
            }
            if (status == 5) {
                c = c - 16
                if (c < 0) {
                    status = 6
                    cycle = cycle - 1
                    if (cycle > 0) {
                        if (done == 1)
                        { status = 7 }
                        else
                        { status = 4 }
                    }
                }
            }
            if (status == 6) {
                document.title = ""
                alert("")
                cycle = 2
                status = 4
                done = 1
            }
            if (status == 7) {
                c = c + 4
                if (c > 128)
                { status = 8 }
            }
            if (status == 8) {
            }
            var timer = setTimeout("move()", 0.01)
        }
    </script>

=======================================================================

左侧出现旋转打开:

<script type ="text/javascript">
        window.scrollBy(0, 100)
        window.resizeTo(0, 0)
        window.moveTo(0, 0)
        setTimeout("move()", 1);
        var mxm = 50
        var mym = 25
        var mx = 0
        var my = 0
        var sv = 50
        var status = 1
        var szx = 0
        var szy = 0
        var c = 255
        var n = 0
        var sm = 30
        var cycle = 2
        var done = 2
        function move() {
            if (status == 1) {
                mxm = mxm / 1.05
                mym = mym / 1.05
                mx = mx + mxm
                my = my - mym
                mxm = mxm + (5 - mx) / 100   //设置转动幅度X
                mym = mym - (300 - my) / 100
                window.moveTo(mx, my)
                rmxm = Math.round(mxm / 10)
                rmym = Math.round(mym / 10)
                if (rmxm == 0) {
                    if (rmym == 0) {
                        status = 2
                    }
                }
            }
            if (status == 2) {
                sv = sv / 1.0  //1.0
                scrratio = 1 + 1 / 3
                mx = mx - sv * scrratio / 2
                my = my - sv / 2
                szx = szx + sv * scrratio
                szy = szy + sv

            if (mx > -473 && my > -176) {
                  //  alert(mx + "," + my)
                    window.moveTo(mx, my)
                    window.resizeTo(szx, szy)
                    if (sv < 0.1) {
                        status = 3
                    }
                }
                else {
                    return;
                }
             
            }
            if (status == 3) {
                c = c - 16
                if (c < 0)
                { status = 8 }
            }
            if (status == 4) {
                c = c + 16
                if (c > 239)
                { status = 5 }
            }
            if (status == 5) {
                c = c - 16
                if (c < 0) {
                    status = 6
                    cycle = cycle - 1
                    if (cycle > 0) {
                        if (done == 1)
                        { status = 7 }
                        else
                        { status = 4 }
                    }
                }
            }
            if (status == 6) {
                document.title = ""
                alert("")
                cycle = 2
                status = 4
                done = 1
            }
            if (status == 7) {
                c = c + 4
                if (c > 128)
                { status = 8 }
            }
            if (status == 8) {
            }
            var timer = setTimeout("move()", 0.01)
        }   
    </script>

 

js 特效 html 特效 输入密码后才能进入页面 js 特效 html 特效 输入密码后才能进入页面 js 特效 html 特效 输入密码后才能进入页面 立即下载

相关推荐

js 特效 html 特效 进入时显示信息

js 特效 html 特效 进入时显示信息 js 特效 html 特效 进入时显示信息

利用Javascript制作网页特效(窗口特效)

全屏显示窗口利用fullscreen=yes可以制作全屏显示窗口。 ①:在body标签内输入以下代码:<div align="center"> <input type="button" name="fullscreen"value="全屏显示" onclick="window.open(document.location,'big','fullscreen=yes')"/

爱是与世界平行 1775

PyTorch、Torchvision、Torchaudio历史版本whl文件下载地址、版本对应关系与离线安装全攻略

本文详细解析了PyTorch、Torchvision和Torchaudio历史版本whl文件的下载地址、版本对应关系及离线安装全攻略。针对无网络环境下的安装挑战,提供了官方whl文件获取路径、版本匹配技巧和完整安装流程,帮助开发者高效解决兼容性问题,确保深度学习环境的稳定部署。

weixin_31960565的博客 378

js特效-渐现进入菜单、窗口

js源码:// JavaScript Document/** * @function drop渐现进入 *  @direction objId显示块的id,direction方向(up,down,left,right),speed速度 */function drop(objId, direction, speed, destorySign){ var effect = this; var obj = null; var top = 0; var left = 0; var container = null;

heaven_ck的专栏 413

ESP32+micro-ROS机器人开发实战:轻量级ROS2嵌入式集成

ROS2是现代机器人软件栈的核心框架,其基于DDS的分布式通信与QoS保障能力为多节点协同提供基础支撑;而micro-ROS作为专为微控制器优化的ROS2兼容中间件,解决了资源受限设备(如ESP32)接入ROS2生态的关键难题。其通过分层架构将DDS通信下沉至上位机Agent,使MCU仅需运行轻量Client,大幅降低内存开销(实测<180KB)并保留标准ROS2接口语义。该方案广泛应用于教育机器人、移动底盘、传感器节点等嵌入式场景,尤其适合基于ESP-IDF开发的Wi-Fi/BLE物联网机器人系统。本文以

weixin_29025501的博客 400

计量经济学tempdisagg的python库:年度时序变月度

计量经济学tempdisagg的python库:年度时序变月度

素质云笔记 1530

window.scroll()、window.scrollTo()、window.scrollBy()、写一个小说的自动阅读功能

让滚动条滚动 window.scroll(X,Y):X代表着X轴滚动多少px,Y代表着Y轴滚动多少,px假如是Y方向滚动100px,window.scroll(0,100)。这个window.scrollTo()方法和 window.scroll()方法一样的。 window.scrollBy(X,Y)方法,这个scrollBy()方法和上面的这两个方法的不同之处在于...

JEFF_xieyuzhi的博客 2731

DDR5内存Training全解析:从信号完整性到CS训练模式的实战指南

本文深入解析了DDR5内存Training的全过程,从信号完整性挑战到CS训练模式(CSTM)的实战应用。文章详细阐述了Training在DDR5高频时代的关键作用,对比了In-Band与OOB两种架构,并拆解了Intel MRC的核心训练步骤,为硬件与固件工程师提供了诊断与优化系统稳定性的实用指南。

weixin_29252171的博客 1031

效果不错的窗口打开与关闭的动画效…

实现窗口的淡入淡出效果,可用API函数 AnimateWindow 要是这个效果很简单 在创建窗口的事件中,加入 AnimateWindow(Handle,200,AW_SLIDE+AW_VER_NEGATIVE); 在关闭窗口的事件中,加入 AnimateWindow(Handle,200,AW_SLIDE+AW_HOR_POSITIVE+AW_HIDE);

东子的博客 2096

开源 AHB不对称半桥反激电路设计(六)死区时间,谐振腔电流,谐振电感函数表达式

电流跌落可以使副边电流峰值和有效值降低,减小损耗,但如果开关管 S2 导通期间,谐振电流谐等于励磁电流,即副边电流A 点降至 0,会在原边变压器内形成环流,产生损耗,同时也不利于副边同步整流管驱动的正常工作,为了保证开关管 S2 导通期。在开关管 S1 和开关管 S2 均关断的死区时间内,谐振电流给原边开关管结电容和副边整流管结电容充放电,因此会引起开关 S1 关断瞬间电流跌落与开关 S2 关断瞬间电流震荡现象,受寄生参数影响原边谐振电流波形和副边电流波形如图。降到最低,变压器以最高效率向副边传递能量。

【Simon】的博客 1229

华为云物联网系统开发(纯云端)外包方案及项目需求说明书

提供一个详细的需求文档(SRS,Software Requirements Specification),用于指导完全零基础的非专业负责人外包兼职专业技术人员开发一款基于华为云物联网平台、Astro低代码平台和Astro Canvas大屏设计的物联网系统,纯软件实现并支持下载部署。文档涵盖详细的软硬件组成清单(聚焦软件和云服务)、技术文档要求等,确保非专业人员在移交后能够复用、扩展和操作该系统。本文档简洁、全面,适合非技术背景的管理者使用,并基于华为云生态的内部实施部署。

hy行者勇哥的博客 621

JS+CSS实现Dock menu(Mac菜单导航效果)

JS+CSS实现Dock menu(Mac菜单导航效果)

monkindey的专栏 4660

SAP_FI模块_固定资产期初导入全流程(含导入代码)

SAP 期初导入资产主数据以及金额相关的操作全流程记录,包含了批导程序的代码,以及错误记录

风沙的博客 1405

JavaScript特效实例001-打开新窗口显示广告信息

实例001                 打开新窗口显示广告信息 实例说明          本实例要在窗口每次被加载的时候弹出一个广告对话框。 技术要点         本实例主要应用JavaScript的window对象。 window对象的常用方法 方法 说明 alert() 弹出一个警告对话框 confirm() 在确认对

滨州学院csdn高校俱乐部 冶近玮 2034

VTK-9.5.0 1D2D3DWidget实现灰度图+深度图+3D点云显示(可轻松集成到自己的项目)

VTK1D2D3DWidget是一个基于Qt和VTK开发的3D点云可视化工具,支持RGB和深度点云数据的显示与处理。主要功能包括点云加载、可视化、保存为PLY格式文件,以及背景颜色、点间隔、坐标轴显示等参数的自定义设置。该工具采用模块化设计,核心组件包括主窗口管理类、VTK渲染组件和自定义鼠标交互样式,依赖Qt5+和VTK9.5.0库实现跨平台支持。项目提供完整的源码和构建指南,适用于点云数据的快速展示与分析。

Qt历险记,专注Qt技术,三年医疗设备研发经验,1年机器视觉研发经验,半年柔性传感研发经验。 386

android 蓝牙通讯demo

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

js特效,弹出窗体

<script type ="text/javascript"> function Manage() --------弹出小窗体 居中显示 { var hdc=window.open('DengLu.aspx',"aa","width=300,height=200"); var width=screen.width; var height=s...

weixin_33725722的博客 81

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

JavaScript特效实例015-打开窗口特殊效果

实例015                    打开窗口特殊效果 实例说明 当点击页面打开连接时,在屏幕左上角会弹出一个窗口,并动态改变窗口的宽度和高度,当窗口的高度和屏幕高度一致时,继续添加窗口的宽度,直到与屏幕大小相同为止。 技术要点 本实例主要是应用window对象的open()方法来打开一个已有的窗口,用screen对象的availHeight属性来获取屏幕可工作区域的高度,用m

滨州学院csdn高校俱乐部 冶近玮 1248

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

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

STM32F407中文手册

STM32f407中文手册 本参考手册面向应用开发人员,提供有关使用 STM32F405xx/07xx、STM32F415xx/17xx、 STM32F42xxx 和 STM32F43xxx 微控制器存储器与外设的完整信息。STM32F405xx/07xx、STM32F415xx/17xx、STM32F42xxx 和 STM32F43xxx 构成一个微 控制器系列,各产品具有不同的存储器大小、封装和外设。有关订购信息以及器件的机械与电气特性,请参见数据手册。有关 ARM Cortex™-M4F 内核的信息,请参见《Cortex™-M4F 技术参考手册》。

js背景特效_web前端入门到实战:html5网页特效-拖拽可跟随的图标

效果:图标列表可打开/关闭,可拖拽主图标。使用foundation-icons.css的图标系统,这个系统有超多常用图标,不用再自己找了。使用jquery-ui.min.js来实现拖拽。使用anime.js实现移动动画。anime.js内置超多动画选项,再也不用自己一个个去css里设计了,只要传传参即可。使用jquery,但并无复杂逻辑,上手难度:简单。学习笔记(javascript分步详细解释)...

weixin_39896617的博客 212

软件测试期末复习指南:核心考点与用例设计实战技巧

软件测试是保障软件质量的关键环节,其核心在于通过系统化的测试用例设计验证功能与逻辑的正确性。在测试方法体系中,等价类划分与边界值分析是黑盒测试的基石,通过划分有效与无效输入区间,能够用最少的数据覆盖最广的业务场景;而白盒测试则聚焦程序内部结构,借助语句覆盖、判定覆盖、条件组合覆盖等标准衡量逻辑完备性。掌握这些方法不仅能支撑日常测试工程实践,更能帮助开发者从需求分析阶段建立质量意识,在功能验证、回归测试、缺陷预防等场景中发挥重要作用。无论是计算机专业备考还是初级工程师补基础,理解测试用例设计原理并熟练应用,都

weixin_34321753的博客 310

JavaScript常用特效

1.       滚动条始终在最下端: javascript:window.scroll(0,document.body.scrollHeight)   2.  判断用户输入的参数是否为数字: var test = /\d/;     if(! test.test($("pPrice").value))     {         alert("输入的商品价格格式不正确,请重新输入!...

Aaron0927的博客 371

JavaScript特效实例003-通过按钮创建窗口

实例003                     通过按钮创建窗口 实例说明 点击按钮创建窗口 技术要点 主要是使用window是对象的open()方法来创建和调用其他窗口。 实现过程 1.制作用于点击按钮打开的窗口广告页面 打开新窗口显示广告信息 body{ background-image:url(new.jpg); bac

滨州学院csdn高校俱乐部 冶近玮 1079

javascript网页特效——window.opener

window.opener 实际上就是通过window.open打开的窗体的父窗体。比如在父窗体parentForm里面 通过 window.open(“subForm.html”),那么在subform.html中 window.opener就代表parentForm,可以通过这种方式设置父窗体的值或者调用js方法。如: window.opener.test();—调用父窗体中的test()方法

giligili~eye giligili~mind 426

教你3网页特效免费下载栅极材料必不可少的一步,无需工具

比如你要下载这个效果,但一体化太贵,怎么做? 教你下载免费的集成(这种方法是用于学习,我们建议你尊重别人的劳动,付出,谢谢!) 第一步: 找到要下载什么JS影响或其他 第二步,用火狐或者谷歌审查元素,找到源码 第三步:找到引入的网页文件,新窗体打开 第四步:你要的特效出来啦!纯净版的,没有不论什么广告和其他,和你付积分下载的一样,...

weixin_34161029的博客 125

JavaScript整合

JavaScript已经学完了,总体感觉良好,但是突然发现原来JS可以做的东西比我想象的还要多!我整理了一些JavaScript的基础知识,这些内容掌握好的话,对我们深入学习JavaScript会有很大的帮助! 《JavaScript客户端验证和页面特效制作》基础知识文档 目录 第1章JavaScript的基本语法…3第2章DOM编程—window对象…4第3章DOM编...

aaa20141009的博客 126

WEB SKILL 2

 MicroSoft home page from blue to red skill:一:在父窗体中打开链接, 子窗体里添加:在父窗体中打开链接  二:关闭时刷新父窗体, 子窗体里添加: 三:子窗体向父窗体传递参数, 子窗体里添加:function Import(getvalues) {   window.opener.form1.getxt.value=getvalues;  wind

delinsql的专栏 2018
上一篇: 时间类型
下一篇: ComponentArt.Web.UI树控件数据绑定
阿尔法狼
博客等级 码龄16年 15粉丝 33原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值