JavaScript
喝水都塞牙缝(//̀Д/́/)
这个作者很懒,什么都没留下…
展开
-
tab栏切换案列分析(仿京东商品)
<!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>tab栏切换案列</title> </head> <style> .tab_list { background-color: #f7f7f7; border: 1px solid #eee; border-bottom: 1px s.原创 2022-02-11 19:07:14 · 1334 阅读 · 0 评论 -
表格隔行变色案例--js案列
鼠标经过哪一行便换色以便我们观察效果图展示:<!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>表格隔行变色</title> </head> <style> tbody td{ text-align: center; } .bg{ bac..原创 2021-11-29 21:08:22 · 150 阅读 · 0 评论 -
百度换肤效果解析
图片地址改成自己的图片地址,即可展示出点击哪个图片即可换当前页面背景图片我的图片较小所以背景图片没有加no-repeat(重复效果),若是想改变重复效果可直接在background: url(images/aa1.jpg) no-repeat center top;即可删除重复效果<!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>..原创 2021-11-29 20:44:41 · 663 阅读 · 0 评论 -
排他思想(算法)
去除其他元素个性,唯我独尊 我这代码有四个按钮,点到谁,谁害羞脸变红<!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>排他思想</title> </head> <body> <button id="btn1">我是button1</button>..原创 2021-11-29 20:10:16 · 62 阅读 · 0 评论 -
显示隐藏文本框内容案例
点击输入文本框,隐藏文本框内容,并且颜色变深,输入框为空时恢复默认状态<!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>显示隐藏文本框内容案例</title> </head> <body> 输入框:<input type="text" value="输入内容" >.原创 2021-11-29 20:06:01 · 293 阅读 · 0 评论 -
innerText和innerHTML的区别
innerText:不识别Html标签 非标准,去除空格和换行innerHTML:识别Html标签 W3C标准,保留空行<!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>学生成绩案列</title> </head> <body> <div> <stron.原创 2021-11-29 20:00:52 · 375 阅读 · 0 评论 -
求学生成绩案列
首先会弹出输入学生人数框,输入后会继续弹出各位同学的分数,最后会算出学生总成绩和平均分<!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>学生成绩案列</title> </head><body> <script> //求学生成绩案列...原创 2021-11-29 19:52:16 · 66 阅读 · 0 评论 -
冒泡排序JavaScript版本
对数组用冒泡排序算法排序<!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>冒泡排序</title> </head> <body> <script> //冒泡交换 var arr = [4,1,2,3,1]; var temp;原创 2021-11-29 19:45:19 · 62 阅读 · 0 评论 -
翻转数组案例
对数组进行翻转,即倒序输出数组<!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>翻转数组案例</title> </head><body> <script> var arr = [1,2,'shuzu','数组']; ...原创 2021-11-29 19:42:05 · 198 阅读 · 0 评论 -
js 密码框验证信息案例
js 密码框验证信息案例 一个小小的案例,可供初学者参考,我也是初学写的,此代码写的是一个密码框,当输入信息与设定格式不符时后面提示报错信息<!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>仿新浪注册页面</title> <style> .zhuce{ width:600p原创 2021-11-29 19:33:09 · 285 阅读 · 0 评论