随笔分类 -  html+jquery+css

html+jquery+css实现的功能效果
react 加载img标签时出错，使用onError事件来增加一个占位图
摘要：1.onError <img src='要显示的图片路径' onError={(e) => {e.target.onerror = null;e.target.src="占位图片路径"}} /> 注 onError：当图片加载出现错误，会触发。经常在这里事件里头写入 将图片导向默认报错图片，以免页面 阅读全文
posted @ 2021-10-19 17:11 Running°つ 阅读(489) 评论(0) 推荐(0)
css步骤条（两种方法）
摘要：图示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e 阅读全文
posted @ 2020-09-16 14:37 Running°つ 阅读(3733) 评论(0) 推荐(0)
css3+js制作漂亮时钟(附源码)
摘要：浏览器支持 IE9/GoogleChrome/FireFox/Safari 效果图： 代码下载HTML代码 代码如下: <!DOCTYPE html> <html> <head> <meta > <title>css3+js打造漂亮时钟</title> <style> body{background 阅读全文
posted @ 2020-09-15 10:48 Running°つ 阅读(499) 评论(0) 推荐(0)
让div水平垂直居中的几种方法
摘要：结构层 <div class='container'> <div>123</div> </div> 样式层 .container{ width: 500px; height: 500px; margin:0 auto; border:1px solid red; /* 一 二 三 五样式 */ /* 阅读全文
posted @ 2020-07-27 21:31 Running°つ 阅读(430) 评论(0) 推荐(0)
一些基本功能的实现
摘要：// 改变背景色 var text = document.getElementsByClassName('text')[0]; var tit = document.getElementsByTagName('h2')[0]; var oSpan = document.getElementsByCl 阅读全文
posted @ 2020-06-15 11:40 Running°つ 阅读(169) 评论(0) 推荐(0)
如何让html引用公共布局（多个html文件公用一个header.html和footer.html）
摘要：如何实现多个.html静态页，引用同一个header.html和footer.html文件？ 直接上代码： 公共头部文件：header.html //不用写标准的html文档格式 <div> 头部内容 </div> 公共尾部文件：footer.html //不用写标准的html文档格式 <div> 阅读全文
posted @ 2020-05-16 11:23 Running°つ 阅读(5303) 评论(2) 推荐(1)
使用jquery实现的自适应导航
摘要：话不多说，直接晒代码 1 <div class="headering"> 2 <div class="header-top"> 3 <div class="btn-header"> 4 <a href="#">网站logo</a> 5 <button id="btn"> 6 <span></span 阅读全文
posted @ 2020-05-15 10:48 Running°つ 阅读(524) 评论(0) 推荐(0)