项目实现:还原百度搜索功能; 项目原理:利用json回调页面传参; 什么是jsonp:就是利用<script>标签的src地址,让目标页面回调本地页面,并且带入参数,也解决了跨域问题; 代码如下: html(css代码不提供) 1 <div class="box"> 2 <input type="t ...
分类:
Web程序 时间:
2020-05-10 23:25:40
阅读次数:
89
1、HTML代码 <li onclick="changeTab(this)">tab1</li> <li onclick="changeTab(this)">tab2</li> <li onclick="changeTab(this)">tab3</li> 2、CSS代码 .active { bor ...
分类:
编程语言 时间:
2020-05-09 18:45:43
阅读次数:
71
首先按钮效果如下 HTML代码和CSS代码: HTML:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>流光按钮</title> <link rel="stylesheet" href="index01.css" ...
分类:
Web程序 时间:
2020-05-07 23:05:54
阅读次数:
253
#1、皮肤选择 #2、页面定制 CSS 代码 @font-face { font-family: 'FontAwesome'; font-style: normal; font-weight: normal; } * { margin: 0; padding: 0; } body { backgro ...
分类:
其他好文 时间:
2020-05-07 00:37:21
阅读次数:
51
利用图片的margin属性将图片水平居中,利用div的padding属性将图片垂直居中。 结构代码同上; css代码如下: div {width:300px; height:150px; padding-top:50px; border:#000 1px solid;} img {display:b ...
分类:
Web程序 时间:
2020-05-05 18:00:25
阅读次数:
64
less 是什么? Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。less,是方便我们快速编写CSS的工具,它增强了CSS代码的扩展性和复用性。Less 可以运行在 Node 或浏览器端。 less能为我们做什么? 下边 ...
分类:
其他好文 时间:
2020-05-04 20:58:59
阅读次数:
61
html代码 css代码 JavaScript代码 javascript // 获取货币1对象 let currencyEl_one = document.getElementById("currency one"); // 获取货币2对象 let currencyEl_two = document ...
分类:
Web程序 时间:
2020-05-04 00:43:15
阅读次数:
70
效果图 主题 SimpleMemory 页面定制CSS代码 /*生成博客目录的CSS*/ #uprightsideBar{ font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left; position:fixe ...
分类:
其他好文 时间:
2020-05-01 14:34:19
阅读次数:
46
默认情况webstorm在 文件上 + + 的话,.vue格式化之后的JavaScript和css代码不符合Eslint的配置 修改方法如下 点击webstorm的File Settings Editor Code Style ...
分类:
Web程序 时间:
2020-04-30 13:30:50
阅读次数:
213
如何实现上面的效果,请看下面的步骤 第一步:用 css 调整样式 ,这里小编用的是弹性盒子实现导航的平均分配。(聪明的你可以尝试用其他的方式看看能不能实现)css代码如下: <style type="text/css"> *{padding:0;margin:0;} a{text-decoratio ...
分类:
Web程序 时间:
2020-04-26 20:33:58
阅读次数:
70