canvas-nest:基于JS的一个插件,使用方法也比较简单。就是效果比较酷,别的没什么。
1 下载插件地址
github的项目:https://github.com/hustcc/canvas-nest.js
2 使用方法:
只需要将插件的js引进来就可以了。但是只能放入body标签中,即要在body标签中引入。如JSP页面:
一些配置项:
color:线的颜色
opacity:线的透明度
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>网页背景效果</title>
</head>
<body>
<script type="text/javascript" color="255,0,0" opacity='1' zIndex="-2" count="100" src="${url}/resources/canvas-nest.min.js"></script>
</body>
<script type="text/javascript">
</script>
</html>
3 效果图
里面的红线会动,也会跟着鼠标的移动而移动