html/css
关注
分享
扫一扫
网页
乱搭巴士
debug
展开
-
使用append方法动态添加代码时css样式失效/append重复添加内容
防止append重复添加，在append之前使用empty，但是我使用之后第二次css样式失效了，解决方法见下文：$("#contact").empty();$("#contact").append(contactstr);下面的内容是转载的：$("#所在标签id").append(obj); // 用append 方式添加拼接的标签$("#所在标签id").listview(“re...原创 2020-04-12 15:06:20 · 2287 阅读 · 0 评论 -
echarts显示数据视图并可以导出excel
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Sorts</title> <script src="../../static/js/echarts.js" type="text/javascript...原创 2020-03-20 12:02:56 · 1882 阅读 · 2 评论 -
js中拼接字符串并且有html效果
错误示例： var total;str1="<li class="even"> <a class="user" href="#" style="width:12%;height: 16%"><img name="pic" class="img-responsive avatar_" src="images/icon02.png" alt=""><s...原创 2020-03-19 20:03:47 · 1114 阅读 · 0 评论 -
使用thymleaf的spingboot实现服务器与网页交互的简单实例
1.目录及js、css文件引用css文件也在static下面创建一个文件夹css，在代码中引用时地址为“/js/xxx.js”2.打开tomcat后如何跳转2.1启动项目之后，输入localhost:8080/mobile （以图中的templates为例）。2.2在controller中使用注解进行跳转：package com.example.mobile_cd.controller...原创 2020-02-29 23:31:19 · 162 阅读 · 0 评论 -
实现svg拖拽、缩放元素，简单实例
suofangcs.html<!DOCTYPE html><html><head> <title>Demo</title> <script src="../../static/js/jquery.js"></script> <script src="https://d3js.or...原创 2020-01-12 12:55:43 · 1423 阅读 · 0 评论 -
创建、清除interval定时器/interval定时器无法清除/判断定时器是否存在
创建var int2=interval2 = setInterval(function(){ if(x2.getAttribute('fill')=="green") x2.setAttribute("fill", "red") else { x2.setAttribute("fill...原创 2019-12-18 12:27:31 · 2855 阅读 · 0 评论 -
进行冒泡排序、快速排序等效率比较并用echarts图显示
<!DOCTYPE html><html ><head> <meta charset="utf-8"> <title>Sort_echarts</title> <script src="echarts.js"></script></head><body...原创 2019-12-17 16:28:00 · 542 阅读 · 0 评论 -
最原始的echarts折线图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Sorts</title> <script src="../../static/js/echarts.js"></script> ...原创 2019-12-17 16:24:20 · 159 阅读 · 0 评论 -
把table格式数据导出为excel文件
html文件<!DOCTYPE><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>TABLE转换EXCEL</title> <script src="http://c...原创 2019-12-17 16:21:56 · 271 阅读 · 0 评论 -
svg编辑器代码
来源于慕课网资料。svg_editor.html<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>SVG 编辑器</title> <...原创 2019-12-17 16:20:31 · 1080 阅读 · 1 评论 -
根据x坐标选择一段echarts显示（移动滑块）/截取一段
不太好用，个人记录一下。之后想做只读取这段数据的。java_index.js//动态添加optionvar SVG_NS = 'http://www.w3.org/2000/svg';var wholepanel = document.getElementById("wholezoom");var zoom_num = document.getElementById("zoom_num...原创 2019-12-15 20:30:33 · 961 阅读 · 0 评论 -
用来显示实时红黄绿小灯的div
<!--红黄绿显示最新数据的隐藏div--><div id="color1" style=" position: absolute;width: 120px;height: 160px;margin-left:540px;margin-top:190px;display:none;border:solid 2px #AC8F73;background-color:white;z...原创 2019-12-15 18:07:00 · 149 阅读 · 0 评论 -
HTML定时器
原文链接：https://blog.csdn.net/huzongnan/article/details/79560720<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>定时器</title>...原创 2019-12-14 20:19:08 · 1782 阅读 · 0 评论 -
echarts多条y轴重叠/数据量过大/y轴无刻度/增加x轴滚动条
多条y轴不重叠yAxis: [ { name:'温度', position: "left", type: 'value', min:0, ...原创 2019-12-12 21:09:45 · 7246 阅读 · 0 评论 -
获取、修改input range滑块的value值
获取：var moveyvalue4=document.getElementById(‘movey4’).value;赋值：var movex3=document.getElementById(“movex3”)var movey3=document.getElementById(“movey3”)var zoom3=document.getElementById(“zoom3”)mo...原创 2019-12-07 20:19:36 · 2802 阅读 · 1 评论 -
css中一次给多个标签赋值
id=“s2” id=“s1”class=“s3”s3可以给多个标签使用。#s2,#s1{ color:black;}.s3{color:black;}原创 2019-12-03 17:45:11 · 1024 阅读 · 0 评论 -
echarts简单实例-网页实现
把官网的折线图实例写进java：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Sorts</title> <script src="echarts.js"></script><...原创 2019-09-24 14:25:50 · 1190 阅读 · 0 评论 -
HTML背景图片显示不出来/实现为file按钮设置背景
之前在模版之家找了个很简洁的大背景模版然后想做下图中间放个图片的效果，然后不管但是不管在css里设置backgro还是在style里设置，图片都uxianshi，然后F12检查，发现这一块有div，但是没有图片显示，当时就觉得是不是模版里设置了什么，覆盖了。解决方法就是把图片单独抽出来，放在img标签里。然后会有显示。再改改style。除此之外，当我想把type="file"的按钮换成这...原创 2019-07-17 22:04:33 · 1474 阅读 · 0 评论 -
利用meta标签自动刷新页面
利用meta标签自动刷新页面并跳转。原创 2019-07-02 16:54:25 · 792 阅读 · 0 评论 -
HTML：同一个<ul><li>下进行横向列表排列
上一篇文章里是用了多个ul设置width实现的一行多个元素显示。但是这样写难以实现调用数据库的循环表示。所以采用了ul下的li标签自动列表。其中 display：inline是使其成为行内元素，float：left是使其左浮动，加上这个去掉默认的列表点。...原创 2019-07-01 15:55:18 · 991 阅读 · 0 评论 -
HTML：实现div中块元素在一行显示
五个元素时，在标签下 使用height=100%;display: inline-block;width:20%;text-align: center;会发现第五个元素被挤到下一行。此时添加 float:left即可显示在同一行。原创 2019-07-01 10:54:24 · 29239 阅读 · 0 评论