小功能实现合集

编写不易如果觉得不错,麻烦关注一下~

[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">&#xe62d;</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处理服务器关闭后的存盘工作。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值