随笔分类 -  js特效

常用的
js 选项卡
摘要：<title>选项卡</title> <style> *{margin: 0;padding:0;list-style: none} ul{display: flex;width:400px;justify-content: space-around} li{width:100px;line-hei 阅读全文
posted @ 2021-08-13 18:33 rigorous 阅读(146) 评论(0) 推荐(0)
js简单的计算机
摘要：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m 阅读全文
posted @ 2021-08-13 17:56 rigorous 阅读(151) 评论(0) 推荐(0)
购物车
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> table{margin: 0 auto;width:1200px;;border:1px seagreen solid 阅读全文
posted @ 2021-08-13 17:24 rigorous 阅读(81) 评论(0) 推荐(0)
换背景
摘要：<ul> <li><img src="../img/long.png" alt=""></li> <li><img src="../img/龙.jpg" alt=""></li></ul><script> var lis=document.querySelectorAll("img"); for(l 阅读全文
posted @ 2021-08-09 10:44 rigorous 阅读(93) 评论(0) 推荐(0)
京东快递查询
摘要：<div> <span style="font-size:24px;"></span> <input type="text"></div><script> var txt=document.querySelector("[type=text]"); var span=document.querySe 阅读全文
posted @ 2021-08-08 20:55 rigorous 阅读(325) 评论(0) 推荐(0)
开关灯案例
摘要：<button>关</button><script> var btn=document.querySelector('button');//获取按钮 var num=0;//定义全局变量 btn.onclick=function () {//绑定点击事件 if(num 0){//判断num等于0 d 阅读全文
posted @ 2021-08-08 17:01 rigorous 阅读(101) 评论(0) 推荐(0)
tap栏切换
摘要：<style> .Max_box{width:1000px;height:400px;margin: 0 auto;} li{display:inline-block;width:200px;line-height:40px;text-align: center;color:#999} .min_b 阅读全文
posted @ 2021-08-08 16:51 rigorous 阅读(149) 评论(0) 推荐(0)
js 跑马灯特效(低配版)
摘要：<ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li></ul><script> var lis=document.querySelectorAll("li"); var 阅读全文
posted @ 2021-08-08 16:10 rigorous 阅读(187) 评论(0) 推荐(0)