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

PC网站实现微信扫码登录功能(二)

上篇我们介绍了怎么申请账号以及最后拿到appId和appSecret,如果有不清楚的可以看一下 PC网站实现微信扫码登录功能(一) 下面我就来说一下怎样在PC端怎么实现扫码登录功能。 一、进入官方文档网站 https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html 其实官网对过程描述的已经非常细致了。并且提供了两种扫码方式。一种是跳转二维码扫描页面,另一种是内嵌式二维码。大家可以

qq_35771266的博客 3万+

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

LobeHub开源AI应用平台:从部署到定制的全栈实践指南

在现代AI应用开发领域,大语言模型(LLM)的集成与部署是核心技术挑战之一。其原理在于通过API或本地化部署,将预训练模型的强大能力封装为可调用的服务。这项技术的核心价值在于极大地降低了AI应用的开发门槛,使开发者能够快速构建智能对话、内容生成等场景的应用。随着模型即服务(MaaS)模式的普及,一个关键痛点是如何高效地管理多模型、设计友好的用户界面并实现功能扩展。这正是开源项目LobeHub所聚焦的领域,它通过提供可插拔的架构和配置驱动的低代码理念,解决了AI能力落地的“最后一公里”问题。本文将结合Dock

weixin_27210125的博客 756

【SPSS操作】Non-parametric ANCOVA (Quade‘s) in SPSS

在SPSS中执行Quade的非参数ANCOVA需要手动计算步骤,因为SPSS没有内置的菜单选项。以下是详细的操作指南。

weixin_43689393的博客 1278

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

细说VLAN之untag和tag

一、拓扑图 先给出上面拓扑图的结论,后面再详细讲解: 结论:只有PC1与PC4之间能相互通信,除此之外,所有PC之间均不能通信,比如PC1与PC3不能建立通信。 针对Ping命令的一个知识: 要想ping通某台主机,必须满足两个条件: 1,源主机的ICMP请求包必须能达到目的主机。 2,目的主机的ICMP应答包必须能回到源主机。 二、理论基础 端口的出...

NoobMaster的博客 3万+

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

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

东子的博客 2096

工业场景实战:基于YOLO与多格式标注的传送带异物检测数据集构建指南

本文详细介绍了基于YOLO与多格式标注的传送带异物检测数据集构建方法,涵盖数据采集、标注技巧(YOLO、COCO、VOC格式)、数据增强策略及实战案例。通过工业级解决方案,有效提升异物检测准确率与效率,适用于各类工业场景。

weixin_29168393的博客 464

移相变压器Simulink建模与HVDC系统仿真实践

移相变压器是电力电子领域实现精确相位调节的核心设备,其通过特殊绕组设计改变输出电压相位角,在解决环网潮流不均、阻尼功率振荡等场景具有关键作用。本文基于MATLAB/Simulink环境,详细解析移相变压器的建模原理与技术实现,包括磁路耦合特性模拟、参数计算方法和控制策略设计。针对HVDC高压直流输电和FACTS柔性交流输电系统等典型应用,提供仿真模型搭建技巧与问题排查指南,特别涵盖新能源并网场景下的相位调节优化方案。通过实测数据验证,所建模型在稳态精度和动态响应方面均满足工程要求,为电力系统稳定性分析提供有

weixin_28278377的博客 271

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

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

monkindey的专栏 4660

Kaggle赛题总结:Enefit - Predict Energy Behavior of Prosumers

竞赛旨在解决能源不平衡的问题,即预计使用的能源与实际使用或产生的能源不符。自发自用者是既消耗又产生能源的个体,他们在造成能源不平衡方面起到了重要作用。尽管他们只占所有能源消费者的一小部分,但他们不可预测的能源使用行为给能源公司带来了物流和财务问题。如果不加以解决,可能会导致运营成本增加、电网不稳定以及能源资源的低效利用。如果这个问题得到有效解决,将显著降低不平衡成本,提高电网的可靠性,并使自发自用者更高效和可持续地融入能源系统中。

猫敷雪 741

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

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

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

智能手表 BOM 表与版本管理记录

试产与量产阶段 智能手表 BOM 表与版本管理记录

hoony123的博客 1053

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面,电脑运行连游戏界面都一样大小,很怀旧,很真实,(英文版)强烈推荐,很小的文件,很难才找到的。

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

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

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

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

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

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

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

余额充值