wyr123789
- 浏览: 38346 次
- 性别:
-
文章分类
- 全部博客 (57)
- Java 面试 (1)
- html5 (12)
- FQA (1)
- 前端 (18)
- java (1)
- css (7)
- 前端，js，jquery (8)
- html (2)
- jquery，html5，html (2)
- css3 (1)
- 仅包括这些 (0)
- 前端，js，jquery 有效的实时监听input (1)
- esayui (2)
- echarts3 (0)
- from (1)
- linxu (1)
- linxu apr (1)
- jsonp (1)
- 冒泡事件 (1)
- IOS click延迟300秒，ios长按点击事件会有copy的选项 (1)
- js (1)
- vue (1)
- webpack3 (1)
- sass (1)
- node (1)
最新评论
加广告与加封页脚的代码是差不多的！
以前封页脚都是图片现在只是简单的css就可以实现有效减少http请求 加快页面的的加载速度·····
<!D<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>纯CSS右上角倾斜四十五度封页角效果</title>
<!--<link rel="stylesheet" href="http://demo.lanrenzhijia.com/2016/lanren0812/css/lanren.css">-->
</head>
<style>
.lanren .ribbon-green {
font: bold 15px Sans-Serif;
color: #333;
text-align: center;
text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
/* -webkit-transform: rotate(45deg); */
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: relative;
padding: 7px 0;
left: -5px;
top: 15px;
width: 120px;
background-color: #BFDC7A;
background-image: -webkit-gradient(linear,left top,left bottom,from(#BFDC7A),to(#8EBF45));
background-image: -webkit-linear-gradient(top,#BFDC7A,#8EBF45);
background-image: -moz-linear-gradient(top,#BFDC7A,#8EBF45);
background-image: -ms-linear-gradient(top,#BFDC7A,#8EBF45);
background-image: -o-linear-gradient(top,#BFDC7A,#8EBF45);
color: #6a6340;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
.lanren .ribbon-green:before {
left: 0;
}
.lanren .ribbon-green:before, .ribbon-green:after {
content: "";
border-top: 3px solid #6e8900;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position: absolute;
bottom: -3px;
}
.lanren .ribbon-green:after {
right: 0;
}
.lanren .ribbon-green:before, .ribbon-green:after {
content: "";
border-top: 3px solid #6e8900;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position: absolute;
bottom: -3px;}
.lanren .ribbon-lanren-green {
width: 85px;
height: 88px;
overflow: hidden;
position: absolute;
top: -3px;
right: -3px;
}
.lanren {
margin: 50px auto;
width: 280px;
height: 180px;
background: white;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
position: relative;
z-index: 90;
}
</style>
<body>
<div class="lanren">
<div class="ribbon-lanren-green">
<div class="ribbon-green">LANREN</div>
</div>
</div>
</body>
</html>
以前封页脚都是图片现在只是简单的css就可以实现有效减少http请求 加快页面的的加载速度·····
<!D<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>纯CSS右上角倾斜四十五度封页角效果</title>
<!--<link rel="stylesheet" href="http://demo.lanrenzhijia.com/2016/lanren0812/css/lanren.css">-->
</head>
<style>
.lanren .ribbon-green {
font: bold 15px Sans-Serif;
color: #333;
text-align: center;
text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
/* -webkit-transform: rotate(45deg); */
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: relative;
padding: 7px 0;
left: -5px;
top: 15px;
width: 120px;
background-color: #BFDC7A;
background-image: -webkit-gradient(linear,left top,left bottom,from(#BFDC7A),to(#8EBF45));
background-image: -webkit-linear-gradient(top,#BFDC7A,#8EBF45);
background-image: -moz-linear-gradient(top,#BFDC7A,#8EBF45);
background-image: -ms-linear-gradient(top,#BFDC7A,#8EBF45);
background-image: -o-linear-gradient(top,#BFDC7A,#8EBF45);
color: #6a6340;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
.lanren .ribbon-green:before {
left: 0;
}
.lanren .ribbon-green:before, .ribbon-green:after {
content: "";
border-top: 3px solid #6e8900;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position: absolute;
bottom: -3px;
}
.lanren .ribbon-green:after {
right: 0;
}
.lanren .ribbon-green:before, .ribbon-green:after {
content: "";
border-top: 3px solid #6e8900;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position: absolute;
bottom: -3px;}
.lanren .ribbon-lanren-green {
width: 85px;
height: 88px;
overflow: hidden;
position: absolute;
top: -3px;
right: -3px;
}
.lanren {
margin: 50px auto;
width: 280px;
height: 180px;
background: white;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
position: relative;
z-index: 90;
}
</style>
<body>
<div class="lanren">
<div class="ribbon-lanren-green">
<div class="ribbon-green">LANREN</div>
</div>
</div>
</body>
</html>
分享到：
发表评论
-
vue 倒计时
2019-07-17 17:16 0time: 59, timer: nu ... -
input 特殊处理禁止输入特殊符号或者限制输入中文
2018-06-07 14:46 0<input class="js_input ... -
调用百度的搜索引擎
2017-09-28 11:26 0<!DOCTYPE html> <html& ... -
移动端碰到的坑
2017-09-22 15:34 695不废话 直接上代码： *{ -webkit-touch- ... -
移动端网页布局注意事项及解决
2017-08-01 17:10 11891.winphone系统a、input标签被点击时产生的半透明 ... -
全选反选
2017-05-09 18:34 482<div class="js_mobile&q ... -
js 规格多选，选中显示和还可以选择的数量 多维度选择
2017-03-17 16:09 1082<body> <section class= ... -
发送验证码
2017-03-15 15:54 0<input type="button&quo ... -
common css公共
2020-05-06 11:35 356/*遮罩层*/ .shadow{ position: fixe ... -
common 校验
2017-03-15 10:32 0/*限制只能输入数字*/ $("#username& ... -
下拉列表功能获取数据添加到select表中
2017-03-14 15:41 783<!DOCTYPE html > <html ... -
图片轮播
2017-03-09 15:56 0<!DOCTYPE html> <html ... -
功能:H5可根据输入的匹配相对应的文字下拉框
2016-08-29 15:24 599<!DOCTYPE html> <html& ... -
功能 两级联动菜单
2016-08-26 15:13 542<!DOCTYPE html> <html& ... -
功能 交替显示
2016-08-24 16:09 596<!DOCTYPE html> <html& ... -
图形笑脸 增加动画
2016-07-21 15:23 583<!DOCTYPE html> <html& ... -
各种图形
2016-07-21 14:47 496<!DOCTYPE html PUBLIC " ... -
小用例
2016-07-20 17:24 373<!DOCTYPE html> <html& ... -
css3样式
2016-07-15 18:58 484<!DOCTYPE html> <html& ... -
mui框架 上拉加载 下拉刷新
2016-07-15 15:38 726<!DOCTYPE html> <html& ...
相关推荐
maxwell simplorer simulink 永磁同步电机矢量控制联合仿真，电机为分数槽绕组，使用pi控制SVPWM调制，修改文件路径后可使用，软件版本matlab 2017b, Maxwell electronics 2021b 共包含两个文件， Maxwell和Simplorer联合仿真文件，以及Maxwell Simplorer simulink 三者联合仿真文件。
基于springboot的网上图书商城--论文.zip
门板边挡板分离喂料机sw19全套技术资料100%好用.zip
信号与系统matlab仿真实验报告2024（学生提交）.docx
洗砂机stp全套技术资料100%好用.zip
用句子记忆单词带背版本，适合时间比较充足想打好基础的同学
电子PCB板龙门铣自动化生产线sw17可编辑全套技术资料100%好用.zip
最新紧固件标准型号对照表.docx
【创新无忧】基于matlab遗传算法GA优化极限学习机KELM故障诊断【含Matlab源码 10735期】.zip
【创新无忧】基于matlab极光算法PLO优化极限学习机KELM故障诊断【含Matlab源码 10707期】.zip
java面向对象程序设计实验报告
展示PRD文档的关键要素编写具体示例。同时提供了一份模板，方便撰写PRD文档。
内容概要：本文详细介绍了一个基于广义变分同步优化（GVSAO）的时间序列预测模型项目。该项目涵盖了从项目背景到最终部署的整个流程，包括数据预处理、模型构建、训练、优化、GUI界面设计、实时预测及系统部署等方面。GVSAO作为一种新型优化方法，能更好地处理非线性关系和高维数据的特点，在预测股票价格、电力负荷、天气变化等方面显示出优越性能。文中提供的MATLAB代码和可视化工具使模型实现和评估更为便捷。 适合人群：对时间序列预测感兴趣的科研工作者、学生和工程师，特别是那些想要深入了解同步优化技术及其应用场景的人。 使用场景及目标：①适用于金融、能源、气象和制造业等多个领域的时间序列预测；②提升模型预测精度；③提供一个完整的项目实施模板供学习模仿。使用该模型可以更有效地挖掘时间序列数据背后隐含的趋势和规律，辅助商业决策和社会管理。 其他说明：本文档不仅包含理论概念和技术细节，还有丰富的实例演示，可以帮助读者全面掌握基于GVSAO的时间序列预测技巧。同时，附带完整的程序代码使得研究成果可以直接应用于实际工作中。
DSP芯片程序读取 DSP28德州仪器28系列DSP反汇编，定点器件和浮点器件均支持，能够根据out、hex或bin文件建立可以编译的CCS汇编语言工程，并且编译后可生成二进制完全相同的bin文件，方便进行研究软件设计思路，二次开发，器件迁移，混淆再链接，研究通信协议，解除ID限制，提取算法等，小批量的代码转C。
内容概要：本文介绍了一种基于对比学习的图异常检测算法，涵盖数据预处理、对比样本构建、模型设计（含选择适当的GNN架构及设计对比学习模块）、异常检测流程、结果评估方法和代码实例六个主要环节。文章特别强调在常规数据集（如Cora、PubMed）的应用上力求获得较高的AUC分数，超过80%，并且提供了详细的操作指导和Python源代码示例供开发者学习。 适用人群：主要面向有一定机器学习、深度学习理论基础，尤其关注图结构数据处理的研究人员、数据科学家和技术专家。对于有志于从事网络安全监控、金融风控等领域工作的专业人士尤为有用。 使用场景及目标：①针对具有大量节点关系的数据结构进行高效的异常识别；②利用先进的AI技术和工具箱快速搭建并迭代优化系统性能，达成高效准确的预测；③为后续研究提供参考和启示。 其他说明：文中不仅深入解析了每一阶段的技术细节，而且通过具体的Python实现片段帮助读者更好地理解和实践这一复杂的过程。对于期望深入挖掘对比学习在非传统数据格式下应用可能性的人而言是个宝贵的参考资料。
MIPI-DPU platform TCL
【JavaScrip】一个傻妞机器人插件库_pgj
comsol锂离子电池组充放电循环强制液冷散热仿真。 模型为SolidWorks导入，可以提供原模型。 电池模型：一维电化学（p2d）模型耦合三维热模型
饼干分包sw20可编辑全套技术资料100%好用.zip
自适应大领域搜索算法（ALNS）matlab解决tsp问题，与传统大规模领域搜索算法（LNS）相比收敛性强，运行时间短，很好的学习资料