HTML,CSS,JS,jQuery web网页分页样式
2022-04-13 添加按钮样式不被选中2022-04-12 添加初始化时是否执行调用的方法效果如下图核心代码!DOCTYPE htmlhtml lang="zh-cn"headmeta charset="UTF-8"titlejQuery分页样式代码/titlelink href="page.css" type="text/css" rel="stylesheet" /script src…
NetBlog主题
获取layui表格(table)当前页的页码值和当前页的数据条数
在浏览器查看源码，获取当前页面的数据条数如下核心代码$(".layui-laypage-limits").find("option:selected").val() //分页数目 $(".layui-laypage-skip").find("input").val() //当前页码值//转载请保留原创地址 http://www.luofenming.com/show.aspx?id=ART2022010200001…
JavaScript 给html标签添加,追加,移除 一个或多个CSS样式
以下是核心代码style.test1 {border: 1px solid;}.test2 {font-size: 50px;}.test3 {background-color: blue;}/stylediv class="test1" id="div1"罗分明博客 www.luofenming.com/divscript//转载请保留:http://www.luofenming.com/show.aspx?id=ART2021123000…
Html,CSS表格(table)隔行换色，自动适应宽度
效果图核心代码!DOCTYPE htmlhtmlheadmeta charset="utf-8"title表格隔行换色/titlestyle type="text/css"tr {text-align: center;}/style/headbodytable id="tab" align="center" border="1" width="100%" style="border-collapse: collapse;"the…
web页面,简单的手风琴二级菜单
效果图以下是源码!DOCTYPE htmlhtml lang="en"headmeta charset="UTF-8"meta http-equiv="X-UA-Compatible" content="IE=edge"meta name="viewport" content="width=device-width, initial-scale=1.0"title简单的手风琴二级菜单/titlestyle* {padding: 0;m…
web页面点击弹出文字
效果图以下是源码!DOCTYPE htmlhtml lang="en"headmeta charset="UTF-8"meta name="viewport" content="width=device-width, initial-scale=1.0"title页面点击弹出文字/titlestylebody{/* background-color: rgb(35,35,35);*/}span{/* 让弹出来的文字不被选…
JS两个页面之间传值(localStorage)
在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。不同域的数据是分开的。!D…
Html纯CSS表格(table)样式，自动适应宽度
样式一以下是核心代码!DOCTYPE htmlhtml lang="zh-cn"headtitleTable_Simple CSS for HTML tables/titlemeta charset="UTF-8"meta name="viewport" content="width=device-width, initial-scale=1"style type="text/css".pure-table {border-collapse: coll…
CSS控制div显示在浏览器底部
Footer元素始终紧靠在浏览器的底部。我们知道，当内容足够多可以撑开底部到达浏览器的底部，如果内容不够多，不足以撑开元素到达浏览器的底部时，下面要讲的布局就是解决如何使元素粘住浏览器底部。相关的视频教程请访问 https://www.bilibili.com/video/BV1uQ4y1y7rC/ 效果图…
JavaScript读取本地Json或txt文本文件
!doctype htmlhtml lang="zh-cn"headmeta charset="UTF-8"title上传文件/title/headbodyinput type="file" id="testJsonFile" onchange="openFile(event)" script type="text/javascript"//获取到选中的文件var openFile = function (event) {var inp…