JavaScript地震特效

最新推荐文章于 2025-12-17 13:51:29 发布

转载最新推荐文章于 2025-12-17 13:51:29 发布 · 383 阅读

文章标签：

#javascript #function #浏览器 #null

学习心得专栏收录该内容

31 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的网页趣味交互效果——模拟地震。通过简单的JavaScript代码即可让浏览器窗口产生震动效果，增加了网页互动性和趣味性。

function surfto(form) {

var myindex=form.select1.selectedIndex

if (form.select1.options[myindex].value != null) {

parent.main.location.href=form.select1.options[myindex].value;

} }

</script> //这段JS代码意为当前页面的浏览器地震//

function shake(n) {

if (window.top.moveBy) {

for (i = 10; i > 0; i--) {

for (j = n; j > 0; j--) {

window.top.moveBy(0,i);

window.top.moveBy(i,0);

window.top.moveBy(0,-i);

window.top.moveBy(-i,0);

} } }

alert("呀~~地震啦！没~~吓坏吧？^_*"); //这里设定地震后弹出的嬉戏性文字(据需随意)//

}

</script>

<!--

function moyamoya(htmlfile) {

parent.main.location.href=htmlfile;

}

</script>

<a onclick="shake(10)" href="#">点我看看呀~~:-)</a>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

kingxiaokang

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

基于SpringBoot和Leaflet的地震台网信息预警可视化

夜郎King的博客

04-25

9408

本文即对采集回来的中国地震台网数据进行预警可视化进行深入讲解。首先讲解后台的代码和功能设计，然后基于L.Icon.Pulse进行地震预警展示，最后展示预警可视化效果。地址灾害不可预测，但是我们在灾后应该快速提供应急救援，将尽量减少人民群众的生命财产损失。

JavaScript 案例&综合提升

m0_60786924的博客

03-20

1051

目录一、购物项目部分功能实现 1.CSS样式布局： 2.HTML代码：二、其它案例一、购物项目部分功能实现 1.CSS样式布局： @charset "gb2312"; /* CSS Document */ /* global.css */ body{ margin:0px; padding:0px; font-size:12px; line-height:20px; color...

参与评论您还未登录，请先登录后发表或查看评论

在ArcGIS JS API中使用WebGL实现波纹扩散特效

qq_37155408的博客

02-11

1498

波纹扩散特效是一种常见的视觉效果，通常用于表示某个点的扩散过程，比如地震波的传播、污染物的扩散等。本文将使用ArcGIS JS API创建的三维场景SceneView和WebGL技术来实现这一效果。通过自定义渲染节点RenderNode，我们可以在3D场景中生成波纹扩散动态效果。ArcGIS JS API从4.29版本开始提供了RenderNode类，该类提供对 SceneView 渲染管道的底层访问，以创建自定义可视化和效果。渲染节点在渲染管道的不同阶段注入自定义 WebGL 代码以更改其输出。

Cesium 3Dtiles白膜建筑模拟地震摇晃效果

qq_43999459的博客

08-13

1801

白膜建筑osm数据集的获取，arcmap对osm数据清洗并导出为shp格式数据，shp格式文件转3Dtiles， cesium加载3Dtiles白膜建筑并使用着色器实现建筑摇晃效果。

地震效果(javascript)

07-15

689

添加到百度搜藏function shake(n) //定义一个函数，名为shake，此例中参数设为2，你可以改改试试，很有趣呦！{ if (self.moveBy) //如果存在当前窗口，执行以下循环。 { for (i = 10; i > 0; i--) //i的初值为10，当i大于0时，i=i-1。 { for (j = n; j > 0; j--) //j的初

JavaScript动态网页制作宝库

javazhuanzai的专栏

01-15

546

====================================================== 注：本文源代码点此下载 ====================================================== 技巧大全>> 使用javascript制作连续滚动字幕 (4月18日 14:20) 拒绝眼花缭乱还网页链接“清白” (9月11日 09:36

Cesium地层爆炸

qq_41566285的博客

11-23

1358

这个地层展开和关闭代码有点问题，因为地层顺序的原因，有些本来我认为在最上层的地层，可是在处理后的数据数组中，它可能处于中间，那么这样去让它沿着z轴平移的时候，就会出现上下重合的问题。对地层按照从上到下重新排列一下顺序，确定每个地层的平移距离，这样地层在z轴的平移才是均匀的。

javascript动态网页制作

iteye_7966的博客

01-04

988

一页面特效 1字符从天而降脚本说明: 第一步:把如下代码加入区域中第二步:把如下代码加入区域中(也就是在页面中调用脚本) 很好玩吧 ! 有没有吓一跳 ?YES! 第三步:把改为 2打字机输出文字脚本说明: 第一步:把如下代码加入区域中第二步:把如下代码加入区域中...

JavaScript技术

soso96的专栏

06-03

6660

● &运算符_1.htm● ·JavaScript的脆弱性_1.htm● ·JavaScript技巧环绕三维文字_1.htm● ·JavaScript时间显示三大心法_1.htm● ·Javascript特效欣赏(一)飘雪_1.htm● ·Java技巧（一）会变色的超链接_1.htm● ·弹出式说明窗口---JavaScript的使用_1.htm● ·第八讲WEB页面信息交互_1.htm● ·第二

JavaScript 地震特效

12-09

JavaScript地震特效是一种网页特效技术，它通过编写JavaScript代码来模拟地震产生的视觉效果。在网页上实现地震特效，可以让网页元素产生随机的位移和震动，模拟地震发生时的不稳定状态。这种特效一般通过调整元素的...

百度2012世界末日地震效果特效代码

03-20

1. `2012.html`：这是主网页文件，包含了实现地震特效的HTML结构和内联JavaScript代码，或者是引入外部CSS和JS文件的链接。 2. `使用帮助.txt`：这份文件提供了如何使用这段代码的详细步骤和注意事项，对于开发者来...

地震效果Javascript源码

04-24

5. 事件监听：捕捉用户行为，如页面加载，触发地震特效。 6. 可能的第三方库或框架的使用，如jQuery、GSAP或Web Animation API。学习这个项目可以帮助开发者提升JavaScript的实战技能，理解如何利用JavaScript和...

JavaScript 根据数组对象的某个指定属性分组合并，并累加金额

zhangyao940330的博客

12-15

166

item } 浅拷贝原对象的所有属性（如 id、name），合并时仅更新金额，其他属性保留第一个分组对象的值（若需保留所有属性，可修改为数组存储，如 name: [‘苹果’, ‘香蕉’]）。分组逻辑：用 Map 存储分组，键为 groupKey 的值（如 ‘水果’），值为合并后的对象。Map 比普通对象更安全（避免键名冲突，支持数字 / 对象等类型的键）。缺失金额或非数字（如 undefined、‘abc’）视为 0。字符串金额（如 ‘8’）自动转为数字；扩展需求：保留分组内所有非金额属性。

商城后台管理系统 02 添加规格参数-动态表单

weixin_52943021的博客

12-15

233

Boolean。

TypeScript

qq_65084229的博客

12-12

236

let y :[number,string] = ['1',2] //不能将类型“string”分配给类型“number”let name:string = `我的名字${name}`enum sex {boy='男', gril='女'}// 返回never的函数必须存在无法达到的终点。// 返回never的函数必须存在无法达到的终点。let name:string ="张三"（只能赋值undefined或null）// 推断的返回值类型为never。

基于Java+SpringBoot+Vue的美甲店管理系统【附源码+文档+部署视频+讲解)

小熊的博客

12-11

1886

基于SpringBoot的美甲店管理系统开发案例，涵盖用户、美甲师和管理员三大角色功能模块，采用Vue+SpringBoot+MySQL技术栈实现。系统包含服务预约、订单管理、耗材采购等全流程数字化功能，采用MVC设计模式和B/S架构。包含用户、美甲师、管理员三类角色的功能模块，该系统聚焦美甲店的日常运营场景，通过用户端浏览服务与套餐、美甲师端处理预约与评价、管理员端统筹人员、业务与资源的模式，实现美甲店从服务展示、预约调度到耗材管理的全流程数字化，提升门店运营效率与服务体验。

商城后台管理系统 03 规格参数配置

weixin_52943021的博客

12-15

176

【代码】商城后台管理系统 03 规格参数配置。

多应用统一身份认证方案-接口设计篇

专注于计算机研发知识和资讯分享

12-15

本文介绍了登录认证接口的改造方案，主要包括：1）统一登录流程设计，通过授权码实现多应用认证；2）新增设备登录限制功能，包括用户表添加设备限制字段和创建登录设备记录表；3）引入浏览器指纹技术加强安全验证。方案实现了集中认证与分散管理的结合，支持多应用独立鉴权，并通过设备指纹和登录次数统计增强账户安全性，同时保持各应用接口的自主性。系统架构上采用授权码与应用token并存机制，确保认证流程的灵活性与安全性。

12.17 脚本网页创意导航