一.js实现倒计时<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e
转载 2023-06-25 23:14:07
35阅读
目录041-滚动视差效果040-滑动菜单指示器039-移动端拖拽038-js实现轮播图渐隐渐现效果037-js实现图片懒加载036-网页日历035-记住用户名(js代码)034-js基础轮播图(左右滑动轮播)033-京东放大镜效果(js代码)032-简单动画函数封装031-仿淘宝固定侧边栏+返回顶部按钮030-拖动的模态框029-发送短信倒计时案例028-倒计时效果027-模拟京东快递单号查询案
转载 2023-08-29 16:02:41
47阅读
JS的实用案例简单案例: ①算出一个4位数,每一位数之和的结果。 var num3 = 3597 var q = parseInt(num3 / 1000) var b = parseInt(num3 % 1000 / 100) var s = parseInt(num3 % 100 / 10) var g = num3 % 10 var s6 = q + b + s + g con
知识梳理:1.DOM(document object model)文档对象模型:html(标签对象集合)标签名获取对象:document.getElementsByTagName('标签名');//返回的是一个数组类名获取对象:document.getElementsClassName('类名’);//返回的是一个数组id获取(id唯一):document.getElementById();获取内
转载 2023-06-27 12:48:54
91阅读
一、案例简介在 Web 开发中,实现 DOM 元素的动画特效是 JavaScript 的常见功能之一。它的实现原理是,通过定时器连续地修改当前 DOM 元素的某个样式值,达到一个动态的特效。其中,DOM元素样式值的改变是根据固定公式运算实现的,缓动动画公式如下。step=(target -leader )/10 //计算每次缓动的步长 leader = leader + step
需要两个页面index.html和Test.html,可以直接运行,每个功能都已经注释完整,index.html页面的代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body&gt...
原创 2019-06-17 14:27:16
176阅读
需要两个页面index.html和Test....
转载 2019-06-17 14:27:00
52阅读
2评论
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>动态表格</title> <style> table{ border: 1px solid; margin:0 auto; width: 500px; } td,th{ text- ...
转载 2021-08-11 10:50:00
699阅读
2评论
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>动态表格</title> <style> table{ border: 1px solid; margin:0 auto; width: 500px; } td,th{ text- ...
转载 2021-08-11 10:50:00
51阅读
2评论
JavaScript可以实现很多令人惊奇的事!从复杂的框架到处理API,有太多的东西可以学习。甚至,仅用一行代码,它也能完成一些很棒的工作。不信?那么请看这13条JavaScript单行代码,用上它们,会让你看起来特别专业!获取随机布尔值(true/false)使用Math.random()方法可以让函数返回布尔值(true或false)。Math.random会创建一个介于0和1之间的随机数,然
javascript简介概述和一个简单案例1.javascript是什么?javascript是一门计算机语言(计算机编程语言),又称为java脚本,因为script这个英文单词翻译成中文就是脚本的意思,所以,把javascript又称之为java脚本,javascript虽然和java名字很像,但是他们2者之间没有关系,半毛钱关系都没有,仅仅就是名字很像而已,就比如老婆和老婆饼一样,一个是女人,
JavaScript之省市联动案例效果图:代码:<!DOCTYPE ><> <head> <meta charset="UTF-8"> <title></title> </head> <script>
原创 2022-03-25 10:34:32
293阅读
JavaScript之省市联动案例效果图:代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <script>
原创 2021-07-06 16:24:35
202阅读
HTML 事件是发生在 HTML 元素上的事情。当在 HTML 页面中使用 JavaScript 时, JavaScript 可以触发这些事件。HTML 事件HTML 事件可以是浏览器行为,也可以是用户行为。以下是 HTML 事件的实例:HTML 页面完成加载HTML input 字段改变时HTML 按钮被点击通常,当事件发生时,可以用于处理表单验证,用户输入,用户行为及浏览器动作:页面加载时触发
JavaScript4. 动画函数封装4.1 动画实现原理4.2 动画函数简单封装4.3 动画函数给不同元素记录不同定时器4.4 缓动效果原理4.5 动画函数多个目标值之间移动4.6 动画函数添加回调函数4.7 动画函数封装到单独JS文件里面5. 常见网页特效案例案例:网页轮播图5. 常见网页特效案例5.1 节流阀案例:返回顶部案例:筋头云案例 4. 动画函数封装4.1 动画实现原理核心原理:通
案例一:电灯开关<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>电灯开关</title> </head> <body> <img id="light" src="img/off.gi
转载 2023-07-22 18:45:39
72阅读
循环精灵图和显示隐藏文本框内容<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
转载 2023-09-29 10:47:47
48阅读
嘿嘿,今天学习到了事件,其实在C#中事件只需要我们触发即可实现,但是在javascript并不是这样的,在这里,事件是javascript与html的交互,就是文档或者浏览器窗口发生的一件特定的交互瞬间。其实从定义上面你很难想象吧,那么下面就简单的举例说下。
javaScript基础学习 - 10 - JavaScript函数 - 案例代码1. 什么是函数2. 函数的使用3. 利用函数封装求1~100的和4. 带参数的函数5. 利用函数求任意两个数的和6. 函数形参实参个数匹配7. 函数的返回值8. 求两个数的最大值(函数版)9. 求数组中的最大值(函数版)10. 函数返回值注意事项11. arguments使用12. 利用函数求任意个数的最大值13
嘿嘿,今天学习到了事件,其实在C#中事件只需要我们触发即可实现,但是在javascript并不是这样的,在这里,事件是javascript与html的交互,就是文档或者浏览器窗口发生的一件特定的交互瞬间。其实从定义上面你很难想象吧,那么下面就简单的举例说下。一.实现文字改变位置 <head> <title></title> <script
转载 2024-01-14 16:21:53
11阅读
  • 1
  • 2
  • 3
  • 4
  • 5