css 代码 JS 教程 自己动手给网站增加一个夜间模式 首先,我们需要在主题模板中打开“footer.php”文件,在“”前添加如下代码:<script type="text/javascript"> function swi... ღ軍尐ღ 技术学习 2022-2-4 阅读(695) 评论(0)
css 代码 JS JS实现点击隐藏一个并显示另一个 html代码<button onclick="showtext()" class="item" data-type="draw">画图</button> <button onclick="hidete... ღ軍尐ღ 技术学习 2022-2-4 阅读(429) 评论(0)
css 代码 博客 给博客增加视频背景特效 html代码<video autoplay loop muted> <source src="视频地址" type="video/mp4" /> </video>CSS代码<sty... ღ軍尐ღ 技术学习 2022-2-4 阅读(176) 评论(0)
css 代码 分享自用的CSS自适应写法 在写CSS前,需要在页面上<head>内加上如下代码,<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-sc... ღ軍尐ღ 技术学习 2021-11-17 阅读(930) 评论(0)
css 代码 JS html 美化 tooltip和title美化网站提示教程 美化演示教程简介浏览器自带的alt和title提示太丑了,所以我们需要美化一下,百度有许多,不过对我们这些小白来说很难。第一步放以下js到公用js里面var sweetTitles = { x: 10, y: 20, t... ღ軍尐ღ 技术学习 2021-11-16 阅读(305) 评论(0)
css 代码 教程 html html+css实现幻灯片自动轮番代码 演示html<div id="slider" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators... ღ軍尐ღ 技术学习 2021-11-16 阅读(237) 评论(0)
css 代码 教程 css Cursor:url()自定义鼠标指针样式 <style type=text/css> body{cursor:url('路径文件/1.cur'), auto;} a:hover { cursor:url('路径文件/2.cur'), auto;} &... ღ軍尐ღ 技术学习 2021-5-4 阅读(661) 评论(0)
css 代码 教程 分享一款好看的广告位源代码 效果图:代码:<!--图片广告区域开始--> <div style="background-color:#fff;box-shadow:0px 0px 10px #dedede;padding:5px;margi... ღ軍尐ღ 技术学习 2020-12-21 阅读(591) 评论(0)
css 代码 教程 音乐 源码 css3可控旋转音乐播放按钮 下面两段代码:<style> *{ margin:0; padding:0; list-style:none;} #lanren #audio-btn{width: 44px;height: 44px; marg... ღ軍尐ღ 技术学习 2020-9-6 阅读(881) 评论(0)
css 代码 教程 高亮 纯CSS隔行换色 样式展示:代码:<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>cs... ღ軍尐ღ 技术学习 2020-9-6 阅读(644) 评论(0)
css 代码 JS 教程 html 美化alert js重写alert事件,避免alert弹框标题出现网址 效果图:js代码:window.alert = function(msg, callback) { var div = document.createElement("div"); div.innerHTML = "<... ღ軍尐ღ 技术学习 2020-5-17 阅读(770) 评论(0)
css 代码 JS html 简单实用的Canvas进度环返回按钮 具体效果当页面向下滑动15%的时候回在页面的右下角出现这个按钮,并且具有Canvas绘制进度环的效果。大致原理就是根据滚动距离和文档高度排定滚动百分比然后绘制画布,百分比数字是用data储存并使用css的 content属性实现。C... ღ軍尐ღ 技术学习 2020-4-19 阅读(565) 评论(0)