应用案例
关注
分享
扫一扫
菲允龙歌
这个作者很懒，什么都没留下…
展开
-
canvas时钟
<iframe width="100%" height="300" src="https://c.runoob.com/iframe/3336" allowfullscreen="allowfullscreen" frameborder="0"></iframe>转载 2019-11-25 22:06:19 · 235 阅读 · 0 评论 -
构造+原型实现tab切换
构造+原型实现tab切换<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...原创 2019-09-10 22:25:05 · 550 阅读 · 0 评论 -
闭包
闭包<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="...原创 2019-09-10 22:26:21 · 139 阅读 · 0 评论 -
ajax封装
ajax封装<script> ajax({ 'methods':'post', 'url':'wenben.txt', 'type':'application/x-www-form-urlencoded;utf-8', 'data':'name=ujiuye', 'success':functio...原创 2019-09-10 22:27:37 · 135 阅读 · 0 评论 -
jquery手风琴
jquery实现tab切换$(function () { $('.nav li').each(function (x) { $(this).addClass('active').siblings().removeClass(); $('.content div').eq(x).show().siblings().hide() })}) jqu...原创 2019-09-10 22:29:18 · 233 阅读 · 0 评论 -
递归
递归<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="...原创 2019-09-10 22:30:12 · 315 阅读 · 0 评论 -
跨域、借助百度简单实现搜索功能
借助百度简单实现搜索功能<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...原创 2019-09-11 21:17:17 · 353 阅读 · 0 评论 -
商品放大镜
商品放大镜<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...原创 2019-09-11 21:19:01 · 147 阅读 · 0 评论 -
利用ajax实现二级菜单
利用ajax实现二级菜单<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...原创 2019-09-11 21:20:48 · 562 阅读 · 0 评论 -
楼层导航
楼层导航<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...原创 2019-09-11 21:22:10 · 408 阅读 · 0 评论 -
简单实现注册登录
简单实现注册登录<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...原创 2019-09-10 22:24:06 · 1319 阅读 · 0 评论 -
封装cookie、利用cookie登录
封装cookie// 设置function setCookie(key,value,day){ var date = new Date(); date.setDate(date.getDate()+day) document.cookie = key+'='+value+';expires='+date}// 获取function getCookie(key)...原创 2019-09-10 22:17:25 · 262 阅读 · 0 评论 -
动画封装
动画封装<body> <div></div> <script src='donghua copy.js'></script> <script> var div = document.getElementsByTagName('div')[0] ...原创 2019-09-10 22:14:25 · 121 阅读 · 0 评论 -
切换图片 两种状态转换 全选
改变图片srcbtn.onclick = function(){ div.innerHTML=' <img src="images/'+txt.value+'.jpg" alt="" id="pic">'} 点击切换图片<img src="./image/1.jpg" alt="" id="im"><br><button id="btn...原创 2019-09-07 20:41:50 · 353 阅读 · 0 评论 -
获取时间、倒计时
获取时间<body> <p id="count"></p> <script> var count = document.getElementById('count') function time(){ var date = new Date(); con...原创 2019-09-07 22:02:31 · 326 阅读 · 0 评论 -
模拟打字、跑马灯、展开收缩
模拟打字<body> <p></p> <script> var str = '百度（纳斯达克：BIDU），全球最大的中文搜索引擎及最大的中文网站，全球领先的人工智能公司。百度愿景是：成为最懂用户，并能帮助人们成长的全球顶级高科技公司。“百度”二字，来自于八百年前南宋词人辛弃疾的一句词：众里寻他千百度。这句话描述了词人...原创 2019-09-09 22:29:24 · 257 阅读 · 0 评论 -
数组去重、自己实现数组reverse方法、sort排序
数组去重<body> <script> //数组去重 var arr = [5,3,5,7,4,3,3,3,5]; 返回[5,3,7,4] var arr = [5,3,5,7,4,3,3,3,5] var newArr = [] for(i=0;i<arr.length;i++){ ...原创 2019-09-09 22:32:20 · 228 阅读 · 0 评论 -
不重复随机数、验证码
不重复随机数<body> <button>开始</button> <p></p> <script> //求20--100之间10个不重复的随机数 var op = document.querySelector('p') var btn = documen...原创 2019-09-09 22:34:49 · 266 阅读 · 0 评论 -
返回顶部、懒加载、自定义右键
返回顶部<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> ...原创 2019-09-09 22:38:35 · 139 阅读 · 0 评论 -
bom弹出框、 事件委托、滚轮事件
bom弹出框<body> <p>我是中国人，我爱中国！</p> <button>删除</button><button>修改</button> <script> var op = document.querySelector('p') var bt...原创 2019-09-09 22:42:28 · 183 阅读 · 0 评论 -
检测输入的字符数量，并限制长度
检测输入的字符数量，并限制长度<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...原创 2019-09-10 21:57:41 · 748 阅读 · 0 评论 -
拖拽封装、碰撞检测
拖拽封装<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...原创 2019-09-10 22:06:49 · 191 阅读 · 0 评论 -
重复定时器使用
验证码发送倒计时 setTimeout(function(){},1000) 时间 单位 毫秒 --> 验证码:<input type="text"><button>发送验证码</button> <!-- 57s以后重新发送 --> <script> var btn = do...原创 2019-09-07 21:56:09 · 659 阅读 · 0 评论