html
文章平均质量分 95
吕招焕
多看多学多练,挑战不可能
展开
-
JavaScript折叠菜单实现
- html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href原创 2020-11-22 21:37:26 · 1272 阅读 · 1 评论 -
javascript无缝滚动实现
- HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="data.js">&l原创 2020-11-22 21:36:19 · 126 阅读 · 0 评论 -
javascript选项卡实现
- HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./data.js">原创 2020-11-22 21:35:29 · 118 阅读 · 1 评论 -
javascript图片滚动demo
html代码块<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>图片切换</title> <link rel="stylesheet" href="styl原创 2020-11-11 22:18:09 · 120 阅读 · 0 评论 -
数码之家网上商城
完成代码html代码块<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" h原创 2020-11-04 10:03:50 · 816 阅读 · 1 评论 -
赶快回家网详细代码参考
完成效果html代码块<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>赶快回家网</title> <link rel="stylesheet" hre原创 2020-11-04 09:58:11 · 8188 阅读 · 0 评论 -
个人博客练手记录
技术栈:vue、nodejs、mongodb、git1、vue-cli脚手架安装vue-cli npm install -g @vue/cli-service-globalnpm install -g @vue/cli-initvue init 的运行效果将会跟 [email protected] 相同vue init webpack my-project2、main.js入口 连接App...原创 2020-04-01 13:11:09 · 155 阅读 · 0 评论 -
jQuery与DOM对象的区别和转换
jQuery是一个JavaScript库jQuery库HTML元素选取HTML元素操作CSS操作HTML事件函数JavaScript特效和动画HTML DOM遍历和修改AJAXUtilities //jQuery对象$('.yunyan').方法();//DOM对象document.getElementById('id');jQuery对象就是通过jQuery...原创 2020-02-10 16:34:07 · 73 阅读 · 0 评论 -
导航栏二级标题
1.设置margin和padding *{ margin: 0; padding: 0; }2.二级菜单li浮动去除 float:none;3.隐藏二级ul display:none;3.鼠标悬浮在一级ul上时 显示二级ul display:block;...原创 2020-02-03 18:16:05 · 476 阅读 · 0 评论 -
鼠标悬浮遮罩html css
鼠标悬浮遮罩html css<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...原创 2020-02-03 10:09:49 · 488 阅读 · 1 评论 -
jquery实现的简易轮播图
**简易轮播图**css代码块<style> *{ margin: 0%; padding: 0%; box-sizing: border-box; } #nav{ width: 100%; height: 60...原创 2020-02-03 09:55:58 · 138 阅读 · 0 评论 -
Jquery+ajax 天气预报实例
效果图HTML代码块<!DOCTYPE html><html><head> <title></title> <style> body{ background: url(蓝天绿地.jpg) no-repeat center 0; } #container{ height: 100%; ...原创 2019-11-11 09:53:42 · 2626 阅读 · 1 评论 -
html 获取文本框的值
jQuery(document).ready(function(){ //按回车键获取到文本框的值 $('#headerGet').on('keydown',function(e){ if(e.keyCode == 13){ console.log(1); } })})...原创 2019-11-09 15:44:52 · 1211 阅读 · 0 评论 -
web前端 3D动态 旋转特效导航栏 2019.7.31
特效如上图所示 代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> body{ margin: 0; bac...原创 2019-07-31 19:18:23 · 724 阅读 · 1 评论 -
html悬浮效果
html代码块<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/float2.css"/> <li...原创 2019-07-20 23:19:00 · 1649 阅读 · 0 评论 -
html侧边导航栏
效果html代码块==<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>侧边导航栏</title> <link href="https://unpkg.com/[email protected]/dist/css/ionicons....原创 2019-07-20 22:14:15 · 6052 阅读 · 1 评论