欢迎来到南途的博客

随笔分类 -  前端特效

摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="layui/css/layui.css"> <style type="text/css"> .container{ 阅读全文
posted @ 2021-01-08 00:08 Bent_Jakobsen 阅读(4714) 评论(0) 推荐(1)
摘要:先看实例: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale 阅读全文
posted @ 2021-01-07 23:52 Bent_Jakobsen 阅读(1163) 评论(0) 推荐(0)
摘要:不同控件有不同的设置透明的方式.以下给出几个常用的例子.JLabel 直接设置 label.setOpaque(false); 即可JButton: 需要如下处理button.setOpaque(false);button.setContentAreaFilled(false); 但是这样透明后没有 阅读全文
posted @ 2021-01-07 23:27 Bent_Jakobsen 阅读(2168) 评论(0) 推荐(0)
摘要:JFrame美化的大致思路:先将JFrame去除默认美化效果,实现JWindow效果,然后再JWindow基础上对窗体的各项内容自定义设置与美化,大多用到插入背景图片、添加各种鼠标事件、弹窗与输入框等圆角等各种美化; 1、Login实体类代码: package com; import java.aw 阅读全文
posted @ 2021-01-07 18:40 Bent_Jakobsen 阅读(703) 评论(0) 推荐(0)
摘要:一般我们写出的窗口是这个样子的,文本框和按钮都不是太美观,如果按钮是原色的就更难看了。 今天发现了一个更加美观的窗口模式 可以发现按钮和文本框都已经有了变化,给窗口润色不少。 其实,只需在调用程序前加上这段代码即可。 try { for (javax.swing.UIManager.LookAndF 阅读全文
posted @ 2021-01-07 18:28 Bent_Jakobsen 阅读(1520) 评论(0) 推荐(0)
摘要:【好看的背景动态图一定要扣下来】 需要用到的图片 【效果图】 【three.min.js】 https://files.cnblogs.com/files/varchar-pig/three.min.js 【script.js】 https://files.cnblogs.com/files/var 阅读全文
posted @ 2021-01-03 00:53 Bent_Jakobsen 阅读(542) 评论(0) 推荐(0)
摘要:HTML5 CSS3银河系星空闪耀网页背景动画特效,运行本效果后,一幅像银河系的星空图展现眼前,远处星空闪耀,星空整体上同样也具有动画效果,可很好的应用于网页背景中,本背景动画的生成依赖Canvas技术,运行时请选择支持Canvas技术的浏览器,IE就免谈了,推荐Chrome。提示:若不能运行,请将 阅读全文
posted @ 2021-01-03 00:26 Bent_Jakobsen 阅读(9076) 评论(1) 推荐(0)
摘要:实用的JS图片放大镜特效,鼠标放上后,根据鼠标悬停的区域放大图片,可用作产品图片放大,本图片放大的原理是调用大图片,在网页上以小图显示,鼠标悬停放大后的图像实际上是显示的原图片。因此来说,网页加载可能有点慢,测试时候请稍等片刻。 【源代码展示】 <!DOCTYPE html PUBLIC "-//W 阅读全文
posted @ 2021-01-02 22:38 Bent_Jakobsen 阅读(535) 评论(0) 推荐(0)
摘要:①我是觉得这之类的特效好玩来分享给大家 ②源代码分享给大家 >可以先运行一遍哦 <!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>CSS3 3D对话框</title> <style> html, body { 阅读全文
posted @ 2021-01-02 22:18 Bent_Jakobsen 阅读(179) 评论(0) 推荐(0)
摘要:【我觉得可以用在登录,注册上面】 >视觉体验 【源代码分享】 <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>HTML5文本输入框粒子动画特效DEMO演示</title> <style> input { 阅读全文
posted @ 2021-01-02 21:28 Bent_Jakobsen 阅读(267) 评论(0) 推荐(0)
摘要:【视觉体验】 【源代码】 <!doctype html> <html> <head> <meta charset="utf-8"> <title>HTML5 Canvas 3D粒子图形动画</title> <script type="text/javascript" src="http://www. 阅读全文
posted @ 2021-01-02 21:17 Bent_Jakobsen 阅读(216) 评论(0) 推荐(0)
摘要:【单选框美化】 <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>HTML5 CSS3 SVG 水滴粘连动画的Radiobox单选框</title> <style> body { align-items: c 阅读全文
posted @ 2021-01-02 21:11 Bent_Jakobsen 阅读(235) 评论(0) 推荐(0)
摘要:【管理系统前端美化】 【源代码】 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns 阅读全文
posted @ 2021-01-02 21:00 Bent_Jakobsen 阅读(594) 评论(0) 推荐(0)
摘要:【实施Java控件美化使用】 【点击开心有散开效果】 【源代码展示】 <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>CSS3 SVG 爱心按钮 单击散开</title> <style> * { margi 阅读全文
posted @ 2021-01-02 20:50 Bent_Jakobsen 阅读(366) 评论(0) 推荐(0)
摘要:【Java制作管理系统需要】 【源代码】 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQuery CSS3投票结果图表-www.codesc.net</title> <style> body { font-family: 阅读全文
posted @ 2021-01-02 20:45 Bent_Jakobsen 阅读(237) 评论(0) 推荐(0)