![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js特效
前端笨鸟
这个作者很懒,什么都没留下…
展开
-
js-拖动的模态框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-12-04 17:24:44 · 1011 阅读 · 0 评论 -
BOM浏览器对象模型
1、BOM概述1.1什么是BOMBOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。BOM由一些列相关的对象构成,并且每个对象都提供了很多方法与属性。BOM缺乏标准,JavaScript语法的标准组织是ECMA,DOM的标准化组织是W3C,BOM最初是Netscape浏览器标准的一部分。DOM● ...原创 2019-12-03 22:43:53 · 594 阅读 · 0 评论 -
js-页面之间的值传递(location.search)
新建login.html,index.htmllogin.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1...原创 2019-12-03 22:02:53 · 246 阅读 · 0 评论 -
js-5秒之后跳转页面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-12-03 21:09:25 · 1720 阅读 · 0 评论 -
js-发送短信
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-12-02 17:29:20 · 1078 阅读 · 0 评论 -
js-倒计时
<!DOCTYPE html><html lang="en"><script src="jquery-1.8.2.min.js"></script><script src="jq.snow.js"></script><head> <meta charset="UTF-8"> &...原创 2019-12-01 23:45:02 · 109 阅读 · 0 评论 -
js特效-5秒后自动关闭广告条
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-12-01 12:12:30 · 1341 阅读 · 0 评论 -
js-模拟快递单号查询
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-11-30 23:00:55 · 3274 阅读 · 0 评论 -
js特效-跟随鼠标的小红心
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-11-30 17:14:33 · 982 阅读 · 0 评论 -
js-简版发布删除留言
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-11-26 16:42:31 · 261 阅读 · 0 评论 -
js特效-下拉菜单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-11-25 21:46:30 · 415 阅读 · 0 评论 -
js-小于10补0
数字补0 <script> var time = prompt('请任意输入0~59之间的一个数字'); var result = time < 10 ? '0' + time : time; alert(result); </script>原理:利用三元表达式,小于10的数字前面补0,大于10的则直接显示...原创 2019-11-15 16:57:38 · 2754 阅读 · 0 评论 -
js-仿京东显示隐藏密码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-11-21 20:48:57 · 1121 阅读 · 0 评论 -
js基础-点击切换div背景颜色
随机产生一个十六进制的颜色值,封装成一个函数,进行调用!function changeBgColor() { var str = "#"; //一个十六进制的值的数组 var arr = ["0", "1", "2", "3", "原创 2019-03-02 23:19:50 · 7149 阅读 · 0 评论 -
js-仿淘宝循环精灵图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-11-21 22:01:35 · 2675 阅读 · 2 评论 -
js-仿百度换肤
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-11-24 19:42:44 · 480 阅读 · 0 评论 -
js-全选和取消全选
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-11-24 21:09:56 · 315 阅读 · 0 评论 -
js-tab栏切换
鼠标点击上面相应的选项卡(tab),下面内容跟随变化<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...原创 2019-11-25 12:02:25 · 286 阅读 · 0 评论