编写不易如果觉得不错,麻烦关注一下~
[1] 使用KindEidtor上传本地图片:https://blog.csdn.net/qq_16951819/article/details/50684405
[2] 使用阿里的小图标库https://blog.csdn.net/xingfaup/article/details/80333491
设置该标签的hover 属性,可以直接包裹一个a标签,可以设置成如下形式,就可以点击改变颜色。
下面代码中的://at.alicdn.com/t/font_1201202_hkbvmb1tfai.css 是自己iconfont刷新生成的。
下面代码使用了两种方式:一种unicode方式,一种font class方式
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!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>Insert title here</title>
<link rel = "stylesheet" href="//at.alicdn.com/t/font_1201202_hkbvmb1tfai.css" media="all"/>
<style>
@font-face {
font-family: 'iconfont'; /* project id 1201202 */
src: url('//at.alicdn.com/t/font_1201202_luy68hurz5.eot');
src: url('//at.alicdn.com/t/font_1201202_luy68hurz5.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_1201202_luy68hurz5.woff2') format('woff2'),
url('//at.alicdn.com/t/font_1201202_luy68hurz5.woff') format('woff'),
url('//at.alicdn.com/t/font_1201202_luy68hurz5.ttf') format('truetype'),
url('//at.alicdn.com/t/font_1201202_luy68hurz5.svg#iconfont') format('svg');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a:hover{
color:red;
text-decoration: underline;
}
</style>
</head>
<body>
<div>
<a><i class="iconfont"></i></a>
<a><i class = "iconfont iconyidudianjihou"></i>已读点击后</a>
</div>
</body>
</html>
效果图如下:
hover后效果:
iconfont 很好用,直接可以设置hover 的颜色。又省了一张jpg图片url。
[3].记录网站浏览次数:使用ServletContext的存储功能,但若遇到服务器重启,则之前保存的浏览次数会消失,所以需要将浏览次数存储到硬盘文件,当服务器再次启动,则读取硬盘文件,重新赋值给变量。所以需要建立一个servlet ,能与服务器同时启动,则需要在servlet 的web.xml 配置中设置load-on-startup设置为1,保证服务器开启时,servlet同时创建读取硬盘数据,利用init方法读取,利用destroy处理服务器关闭后的存盘工作。