绿林豪士

2020年10月24日

摘要： .green-info {position:relative} .green-info:before { content: ""; position: absolute; left: 0; top: 13px; width: 12px; height: 12px; -webkit-border-ra 阅读全文

posted @ 2020-10-24 11:52 绿林豪士阅读(287) 评论(0) 推荐(0) 编辑

css实现导航栏鼠标移入下划线特效

摘要： .nav ul li:after { content: ""; display: inline-block; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; -webkit-border-radius: 1.5px; 阅读全文

posted @ 2020-10-24 09:31 绿林豪士阅读(1049) 评论(0) 推荐(0) 编辑

2020年10月23日

zblog首页调用分类下的文章设置起始值及条数

摘要：说明：如列表需要分类3下的4条数据，则调用条数应为4条，从第3个开始，则对应的代码为：注意：因为是从0开始调用的，0、1、2、3，所以此处 i >1 {foreach Getlist(4,3,null,null,null,null,array('has_subcate'=>true)) as $k 阅读全文

posted @ 2020-10-23 16:29 绿林豪士阅读(474) 评论(0) 推荐(0) 编辑

2020年10月22日

css实现按钮颜色渐变效果

摘要： float: left; height: 63px; line-height: 63px; width: 100%; margin: 0 auto; font-size: 16px; text-align: center; background: -webkit-linear-gradient(le 阅读全文

posted @ 2020-10-22 17:17 绿林豪士阅读(2239) 评论(0) 推荐(0) 编辑

css+jq实现的简单视频播放器效果

摘要： <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <script src="https://shengpingzhang.oss-accelerate.aliyuncs.c 阅读全文

posted @ 2020-10-22 16:15 绿林豪士阅读(540) 评论(0) 推荐(0) 编辑

css实现鼠标移入图片放大效果

摘要： <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <style> .div1 { width: 500px; height: 500px; transition: all 阅读全文

posted @ 2020-10-22 15:41 绿林豪士阅读(1277) 评论(0) 推荐(0) 编辑

利用CSS的animation属性制作动画效果

摘要：使用简写属性，将动画（mymove）与 div 元素绑定： .donghua { animation:mymove 5s infinite; -webkit-animation:mymove 5s infinite; /*Safari and Chrome*/ } Internet Explorer 阅读全文

posted @ 2020-10-22 10:39 绿林豪士阅读(420) 评论(0) 推荐(0) 编辑

css实现背景图静止+上层浮动效果

摘要： .about { background: url(../images/bg1.jpg) no-repeat center top; margin-top: 40px; padding-top: 30px; background-attachment: fixed; height: 320px; -w 阅读全文

posted @ 2020-10-22 09:10 绿林豪士阅读(1107) 评论(0) 推荐(0) 编辑

2020年9月8日

css实现banner背景图上文字效果+

摘要： <div class="pro-banner"> <img class="banimg" src="products-banner.jpg" alt="全部产品"> <div class="pro-help"> <h3>全部产品</h3> <p class="zhaiyao">摘要摘要摘要</p> 阅读全文

posted @ 2020-09-08 10:29 绿林豪士阅读(725) 评论(0) 推荐(0) 编辑

css实现标题下划线效果

摘要： <h1>标题</h1> <style> h1 { font-size: 30px; position: relative; line-height: 1; display: inline-block; margin-bottom: 35px; } h1:after { position: absol 阅读全文

posted @ 2020-09-08 10:17 绿林豪士阅读(1205) 评论(0) 推荐(0) 编辑

公告