网页制作17-Javascipt图像特效の鼠标经过图像震动

news/2025/3/19 9:37:56/
htmledit_views">

01、效果图

02、grammer用法

parseInt() 函数可解析一个字符串,并返回一个整数。

parseInt(string, radix)

  • 如果 string 以 "0x" 开头,parseInt() 会把 string 的其余部分解析为十六进制的整数。
  • 如果 string 以 0 开头,那么 ECMAScript v3 允许 parseInt() 的一个实现把其后的字符解析为八进制或十六进制的数字。
  • 如果 string 以 1 ~ 9 的数字开头,parseInt() 将把它解析为十进制的整数。

03代码

html">
<html><head><title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
.zhendimage{
position:relative
}
</style>
<script>
var rector=3
var stopit=0 
var a=1function init(which){
stopit=0
zhend=which
zhend.style.left=0
zhend.style.top=0
}//鼠标经过,初始化图像位置function rattleimage(){
if (stopit==1)
return
if (a==1){
zhend.style.top=parseInt(zhend.style.top)+rector
}
else if (a==2){
zhend.style.left=parseInt(zhend.style.left)+rector
}
else if (a==3){
zhend.style.top=parseInt(zhend.style.top)-rector
}
else{
zhend.style.left=parseInt(zhend.style.left)-rector
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}//移开鼠标归正图像
</script>
</head>
<body>   
<img class="zhendimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this)" height="200"src="ABC.png" alt="">
</body></html>


http://www.ppmy.cn/news/1580282.html

相关文章

学习Python如何高效处理CSV文件的技巧!

在Python中&#xff0c;处理CSV文件是一项非常常见的任务&#xff0c;特别是在数据分析和数据科学领域。CSV文件的全称是Comma-Separated Values&#xff0c;顾名思义&#xff0c;它以逗号为分隔符来存储表格数据。这种格式简单易读&#xff0c;也很方便进行数据的存储和交换。…

redis十大应用数据类型具体使用及其应用

Redis 提供了多种数据类型&#xff0c;每种数据类型都有其特定的应用场景。下面是 Redis 十大应用数据类型的具体使用及其应用场景&#xff1a; 1. 字符串 (String) 描述&#xff1a;Redis 中最基本的数据类型&#xff0c;用于存储简单的字符串数据。字符串可以是文本、数字&a…

JVAV面试-静态代理动态代理

前面已经更新了非常多的java基础知识和面试技巧&#xff0c;这一篇文章可以说是java面试中java基础最后的绝唱&#xff0c;也是基础知识的压轴戏&#xff0c;和前面反射内容息息相关。代理是一种设计模式&#xff0c;在每种语言上都有体现&#xff0c;但是能窥见一斑的人不多&a…

护网面试题

来看看下面蓝中的面试题你能答得上来不&#xff1f; 讲一下中国菜刀、蚁剑、冰蝎的流量特征详解及三者之间的区别&#xff1f; 1、中国菜刀&#xff08;Cknife&#xff09;流量特征 基础特征 静态特征&#xff1a;默认使用一句话木马&#xff0c;如PHP的<?php eval($_POS…

【java面向对象进阶】------继承

1. 继承概述 格式&#xff1a; 1.1 引例 假如我们要定义如下类: 学生类,老师类和工人类&#xff0c;分析如下。 学生类 属性:姓名,年龄 行为:吃饭,睡觉 老师类 属性:姓名,年龄,薪水 行为:吃饭,睡觉&#xff0c;教书 班主任 属性:姓名,年龄,薪水 行为:吃饭,睡觉&#xff0c…

llamafactory的参数详解 1:(量化等级和方法 RoPE插值方法 加速方式),会对照图片解释,适合小白

前言&#xff1a; 因为刚刚接触大模型&#xff0c;是新手小白&#xff0c;所以刚好学习一下参数是什么意思&#xff0c;在这里分享。 量化等级与量化方法 1. 量化等级&#xff08;Quantization Levels&#xff09; 定义&#xff1a; 量化等级是指将连续或高精度的数据&#x…

Android Zygote的进程机制

目录 ✅ Android Zygote 进程机制详解 &#x1f6a9; 一、Zygote 的作用 ⚙️ 二、Zygote 启动流程 ✅ 1. init 进程启动 Zygote ✅ 2. Zygote 初始化虚拟机与核心类库 ✅ 3. Zygote 监听 Socket ✅ 4. Zygote fork 创建应用进程 &#x1f525; 三、Zygote 与应用进程之…

Python爬虫:从人民网提取视频链接的完整指南

无论是用于数据分析、内容提取还是资源收集&#xff0c;Python爬虫都因其高效性和易用性而备受开发者青睐。本文将通过一个实际案例——从人民网提取视频链接&#xff0c;详细介绍如何使用Python构建一个完整的爬虫程序。我们将涵盖从基础的网络请求到HTML解析&#xff0c;再到…