html
anITfish
“学不可以已,怕什么真理无穷,进一寸有一寸的欢喜”
展开
-
点击元素后打开元素id的对应的信息小窗口,并将其置顶
left=screen.width-600-30; //设置left//'/showDetail/'+id 页面网址//'showdetail' 窗口名字 空时为_blank//第三部分为窗口的各种参数设置newwindow=window.open ('/showDetail/'+id, 'showdetail', 'height=500, width=600, top=200, left='+left+', toolbar=no, menubar=no, scrollbars=no, re原创 2021-01-13 22:26:41 · 157 阅读 · 0 评论 -
废弃表单
<label>编号:</label><input type="number" name="id" placeholder="请输入数字" type="height:100px;" /><label>名称:</label><input type="text" name="name" placeholder="请输入知识点名称" /><label>缩略名:</label><input type="原创 2020-12-13 22:16:41 · 81 阅读 · 0 评论 -
上下分栏,下栏分两列
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><div style="width:100%;height: 100%; border: non原创 2020-12-12 22:10:27 · 431 阅读 · 1 评论 -
SVG学习——10.静态环比图的实现
效果如图<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>啦啦啦</title><style>#div1 { width:400px; height:400px; background:white; }body { background:black; }原创 2020-08-10 12:32:15 · 245 阅读 · 0 评论 -
SVG学习——9.path路径
path路径一、pathd属性:M 开始坐标写两个数字L 中间坐标写两个数字H 水平坐标写一个数字V 垂直坐标写一个数字A 绘制弧形Z 结束标志CSQT二、大小写大写 绝对坐标小写 相对坐标(长度)<div id="div1"> <svg id="svg1" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" ><!-- <path d="M50,100 L原创 2020-08-09 21:14:19 · 486 阅读 · 0 评论 -
SVG学习——8.鼠标点击连点成线
效果如图感言:蛮好玩的,就是记不住学不会!<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>啦啦啦</title><style>#div1 { width:400px; height:400px; background:white; }body { b原创 2020-08-09 20:52:39 · 676 阅读 · 0 评论 -
SVG学习——5.创建元素
创建元素1.createElementNS两个参数命名空间,标签名在<head>标签里面添加<script><!--svg中创建标签的方法-->window.onload=function(){ var svgNS='http://www.w3.org/2000/svg'; var oParent=document.grtElementById('div1'); var oSvg=document.createElementNS(svgNS,原创 2020-08-09 19:59:22 · 617 阅读 · 0 评论 -
SVG学习——7.实现圆线等的动态交互
拆开来一步一步倒不复杂,但是整体看好复杂呀实现效果:鼠标移到线或圆上,圆弹性变化,线变色<!DOCTYPE html><html><head><title></title><style>#div1 {width:780px; height:400px; background:url(img/bg.jpg) no-repeat; margin:20px auto; overflow:hidden; }body {ba原创 2020-08-09 15:33:49 · 202 阅读 · 0 评论 -
SVG学习记录目录
SVG学习——1.引入SVG的方式SVG学习——2.SVG基本图形SVG学习——3.标签SVG学习——4.成组绘图SVG学习——5.实现圆与中心圆连接原创 2020-08-09 14:20:48 · 104 阅读 · 0 评论 -
SVG学习——6.实现圆与中心圆连接
跟着视频做的,对方数据是车子。我随便改了一下,要贴合最近的心情。效果图如下:代码如下:<!DOCTYPE html><html><head><title></title><style>#div1 {width:780px; height:400px; background:url(img/bg.jpg) no-repeat; margin:20px auto; overflow:hidden; }body {bac原创 2020-08-09 14:18:02 · 268 阅读 · 2 评论 -
SVG学习——4.成组绘图
<!DOCTYPE html><html><head><title>标题</title><style>#div1 {width:780px; height:400px; background:url(img/bg.jpg) no-repeat; margin:20px auto; overflow:hidden; }body {background:black; }</style><script>原创 2020-08-09 11:06:13 · 159 阅读 · 0 评论 -
SVG学习——3.标签
1.<g>标签是一个容器(分组)标签,用来组合元素的。整体样式设置,还可以加id=“g1”。<!--直接写svg的方法--><div id="div1"> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"> <g transform="translate(200,200)" stroke-width="1" stroke="red">原创 2020-08-09 10:35:55 · 272 阅读 · 0 评论 -
SVG学习——2.SVG基本图形
以下内容都是直接在html文件的body里的一、圆circle<div id="div1"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"> <circle cx="100" cy="100" r="40" fill="transparent" stroke="black" stroke-width="5"></circle></svg></d原创 2020-08-08 21:20:10 · 261 阅读 · 0 评论 -
SVG学习——1.引入SVG的方式
方式有两种,包括:写在外部文件,和直接写在html文件里面。一、写在外部文件【svg文件】记事本新建svg1.svg,内容为<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/sv原创 2020-08-08 18:40:46 · 1625 阅读 · 0 评论