html学习
shine746
这个作者很懒,什么都没留下…
展开
-
HTML笔记
body { font-size: small; font-family: Verdena, Helvetina, Arial, sans-serif; } h1, h2 { color: #007e7e; //青蓝色 } h1 { font-size: 150%; } h2 { font-size: 130%; }转载 2017-10-09 21:10:21 · 153 阅读 · 0 评论 -
Head First HTML与CSS学习(10.09)
<html> <head> <meta charset="utf-8"> <title>小明的日记</title> <style type="text/css"> h1, h2 { font-family: sans-serif; background-color= red; border: 2px原创 2017-10-09 21:16:28 · 170 阅读 · 0 评论 -
12/14 计算器雏形
WEB部分<!DOCTYPE html> <html> <body><from> 第一个数字:<br> <input type="text" id="num1"> <br> 第二个数字:<br> <input type="text"id="num2"> <br> 运算结果:<br> <p id="result">结果将在这里显示</p> </from> <button id="add">+</but原创 2017-12-14 11:45:27 · 163 阅读 · 0 评论 -
滑动侧栏
.slider{ /*background-image: linear-gradient(60deg, #96deda 0%, #50c9c3 100%);*/ background: #333; width: 200px; height: 100%; position: fixed; right:-2...原创 2018-07-04 10:52:18 · 299 阅读 · 0 评论 -
模糊查询
使用了weui // 模糊查询 $(".username_search").keyup(function () { $(".content") .hide() .filter(":contains('" + ( $(this).val() ) + "')") .show(); }).keyup(); //co...原创 2018-07-04 10:55:08 · 571 阅读 · 0 评论 -
侧边悬浮按钮,点击移动到顶部和底部
// 侧边按钮 $(".suspension .a-top").click(function () { $("html,body").animate({scrollTop: 0}); return false; }); $(".suspension .a-bottom").click(function () { $("html...原创 2018-07-04 11:00:10 · 1530 阅读 · 0 评论 -
在页面中的导航栏,滑动到顶部后置顶
//搜索栏置顶 $.fn.fixedDiv = function(actCls){ var that = $(this), offsetTop = that.offset().top, scrollTop; function fix(){ scrollTo...原创 2018-07-04 11:49:19 · 2481 阅读 · 0 评论 -
【转载】js禁止微信浏览器下拉显示黑底查看网址,不影响内部Scroll
原文:https://www.cnblogs.com/jasonwang2y60/p/6848464.html 开发项目跑在微信浏览器经常会遇到一个问题,微信浏览器下拉的时候会出现自带的黑色底色(显示网址)如下图: 网上好多js禁止操作的做法禁止了内部Scroll,导致页面不能滚动,上拉加载失效,例如这种做法: $(‘body’).on(‘touchmove’, function (even...转载 2018-07-11 10:41:10 · 886 阅读 · 0 评论 -
微信中禁止页面上下滑动 iOS和安卓通用
document.body.addEventListener('touchmove', function (e) { e.preventDefault(); //阻止默认的处理方式(阻止下拉滑动的效果) }, {passive: false}); //passive 参数不能省略,用来兼容ios和android...转载 2018-07-23 19:56:11 · 3078 阅读 · 0 评论