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

记录一下本地部署Dify的坑

1. 截止2025-3-4为止,请注意,不要直接拉Dify的1.0.0版本。请先试用0.15.3版本。1.0.0有一个bug需要解决。3. 请使用docker-ce 新版本,docker-engine等老版本可能会有部分容器启动脚本执行莫名报错。2. 注意,请使用docker-compose V2版本,或者V1较高版本,否则会导致解析官方yml模板错误。

哈利路亚的收藏夹 5346

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

MCAL配置之CAN模块及源码分析

该文章详细解析了Autosar中MCAL配置里的CAN模块,详细分析了重要的配置选项,并对CAN的发送和接收函数进行了剖析。

u013624141的博客 1421

用R搞定生态溯源:MixSIAR贝叶斯混合模型从安装到出图的保姆级教程

本文提供了一份详细的MixSIAR贝叶斯混合模型教程,涵盖从R环境配置、数据预处理到模型参数设置和可视化分析的完整流程。通过实战案例和常见问题解决方案,帮助生态学研究者快速掌握混合模型在生态溯源中的应用,提升数据分析效率。

weixin_42531516的博客 467

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

干法刻蚀工艺进阶:如何通过调节DC自偏压优化刻蚀速率和各向异性

本文深入探讨了干法刻蚀工艺中DC自偏压的精细调控艺术。DC自偏压是影响刻蚀速率和各向异性的关键因素,文章通过实战案例,详细分析了如何通过调节射频功率、频率、腔室压力及气体成分等参数,间接而有效地控制DC自偏压,从而优化高深宽比硅沟槽等复杂结构的刻蚀效果,实现工艺性能的精准提升。

weixin_28308325的博客 334

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

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

东子的博客 2096

RK3568下GPIO模拟串口

在嵌入式开发中,硬件 UART 资源可能被其他外设占用。此时,通过 GPIO 模拟 UART(软串口)成为一种灵活的解决方案。本文基于 RK3568 平台,结合 Linux 内核模块,实现高精度软串口通信,并深入分析关键技术细节。可以看到已经接收到数据了,可以自己创建自定义的设备文件到/dev下,也可以按照串口设备的标准创建一个设备,后面有时间我写一篇和标准串口设备结合的gpio模拟串口文章。RK3568 GPIO 模拟串口(软串口)实现详解。将编译好的驱动放到板子上运行。再写个Makefile。

文石_2009的博客 364

Qt 5.14安装(配置MSVC 2017)

本文主要介绍Qt MSVC的安装,VS2017.

ifeng12358的博客 3711

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

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

monkindey的专栏 4660

学Simulink--复杂路况场景实例:基于Simulink的智能车辆高速公路行驶仿真(超车与车道变换)

本文详细介绍了基于Simulink的智能车辆高速公路超车仿真系统设计方法。系统包含多车道交通流建模、三层超车决策逻辑(触发条件、可行性检查、执行许可)、五次多项式变道轨迹规划以及横向纵向协同控制等核心模块。通过设定三车道场景(自车初始速度100km/h,前方慢车72km/h),演示了如何实现安全高效的左变道超车全过程(5秒完成3.75m横向移动),并验证了变道平滑性(最大横向加速度1.8m/s²)和安全距离(最小TTC 5.2s)。文章还强调了传感器融合的必要性,并提供了从交通流生成到控制器设计的完整Sim

xiaoheshang_123的博客 397

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

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

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

VTK 显示大量点云数据及交互(点云拾取、着色、测量等)功能

VTK (Visualization Toolkit) 是一个强大的开源可视化库,非常适合处理点云数据。下面将介绍如何使用 VTK 显示大量点云数据,并实现点云拾取、着色、测量等功能。

深之JohnChen的专栏 1997

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

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

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

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

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

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

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明,包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

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、付费专栏及课程。

余额充值