js+css 第3页

使用原生JS+CSS或HTML5实现简单的进度条和滑动条效果（精问）

使用原生JS+CSS或HTML5实现简单的进度条和滑动条效果（精问）一、总结一句话总结：进度条动画效果用animation，自动效果用setIntelval二、使用原生JS+CSS或HTML5实现简单的进度条和滑动条效果前言我个人非常喜欢

weixin_34236869·2020-07-29 12:01

js+css 写出简单2048游戏

新手写的，可能不是很完善，欢迎修改及探讨123452048游戏67.container{8width:600px;9height:600px;10border:2pxsolid#000;11background-color:white;12margin:auto;13}1415.header{16font:bold40pxarial;17margin-left:80px;18}19.headers

weixin_30636089·2020-07-29 09:09

移动端实现多图上传、文件上传及下载和vue多图片上传组件

js+css实现手机端的多图片上传，为了方便使用，css和js都未内联，为性能建议使用时改为外联；如要用到pc端，直接去掉px转换为rem的js代码，修改单位即可；因multiple在安卓手机中不兼容，

weixin_33935505·2020-07-29 06:51

【分享】翻出过去的一个多彩泡泡屏保特效(JS+CSS版)

整理文件时翻出一个好久前做的泡泡屏保的特效，纯JS+CSS做的。回想了下，是去年年初时看见XP下那个流行的泡泡屏保，突然想移植到JS版本来。但有做着才发现有不少麻烦的问题解决不好，于是没继续。

weixin_34008805·2020-07-28 18:21

一步步教大家编写酷炫的导航栏js+css实现

一步一步的学习制作导航栏，文章末尾再做个综合页面，分享给大家一个炫酷的导航栏供大家参考，具体内容如下1.当前页面高亮显示的导航栏首先是HTML代码,很简单,ul+li实现菜单导航栏一AndroidC++IOSJavaRuby首页基本效果:接下来设置CSS属性,这里要注意标签a是行级元素,所以需要用display转成块级元素,这个很常用,还有就是line-height的常见用法?*{margin:0

qq_41672590·2020-07-28 09:01

js+css实现用户注册界面

最近在web实验课上写了个用户注册界面，由此初步了解了一下js和css。知识点：1、css设置字体位置、颜色、阴影、大小。2、js编写函数实现对文本框内容的合法判断。注意点：为了实现在点击注册按钮时不出现页面刷新，这里用到了iframe实现界面不刷新。参见https://blog.csdn.net/yi_an/article/details/50970865实验内容：1、登录页面设计实现一个用户注

stargazer_·2020-07-28 03:19

js+css实现简单侧边栏

在web端，侧边栏经常会出现，代码展示如何实现侧边栏的定位实现侧边栏定位最简单的就是使用固定定位，但是固定定位在ie6中不支持在ie6中只能使用代码中展示的js去计算定位在其他浏览器中，可以使用代码中样式注释掉的方式进行定位，很方便#div1{width:100px;height:100px;background:red;position:absolute;right:0;/*position:f

super静_jingjing·2020-07-27 14:51

网页添加div 遮罩层 js+css 半透明效果

1。在网页添加样式#lestenSessionDiv{position:absolute;left:0%;top:0%;width:100%;height:100%;z-index:1000;filter:Alpha(Opacity=50);background-color:#FFFFFF;}2.在网页添加div和table/dms/images/ajax-loader-c.gif"style="

namepan1985·2020-07-16 03:17

微信小程序——车牌键盘js+css

请输入车牌号码：{{carNo}}{{item}}清空关闭{{item}}OKDel/*pages/jp_cp/jp_cp.wxss*/.lf{float:left;}.rt{float:right;}.tel{border-bottom:2rpxsolid#ddd;height:100rpx;line-height:100rpx;}.chepai{height:200rpx;line-heigh

littlerboss·2020-07-16 02:26

VUE开发一个组件——Vue list列表滑动删除

前言滑动删除，在很多APP软件里面可以见到，比如淘宝的订单列表，QQ微信的聊天记录等等，今天就来看看JavaScript是如何实现这个功能的，之所以说是vue，主要是框架是vue啦，主要还是JS+CSS

web秀·2020-07-15 22:22

微信小程序——车牌键盘输入js+css

请输入车牌号码：{{carNo}}{{item}}清空关闭{{item}}OKDel/*pages/jp_cp/jp_cp.wxss*/.lf{float:left;}.rt{float:right;}.tel{border-bottom:2rpxsolid#ddd;height:100rpx;line-height:100rpx;}.chepai{height:200rpx;line-heigh

chenghe1231·2020-07-15 21:38

spring boot 渲染md格式模板

highlight渲染代码高亮thymeleaf模板负责渲染页面flexmark是java语言编写,负责将数据库中的markdown语法文本转为html文本highlight负责渲染code部分的代码,是一款js

做人要简单·2020-07-15 10:00

JS + CSS 美化 select 下拉框表单

JS+CSS美化的漂亮Select列表框body{background:#CFDFEF;font:12px/150%"LucidaGrande",Arial,Verdana,Helvetica,sans-serif

weixin_33696106·2020-07-15 04:01

原生js+css 实现轮播图完整代码

利用原生的js实现轮播图，可以添加到自己的UI库中，在以后的项目中对其进行修改然后添加到已有项目中。先写出css部分和html部分，直接上代码3*{padding:0;margin:0;list-style:none;border:0;}.all{position:relative;width:500px;height:200px;border:1pxsolidblack;padding:7px;

Mandy Ma·2020-07-13 21:59

js+css=html验证码验证

以下为代码，可以直接运行。.code{background-image:url(code.jpg);font-family:Arial;font-style:italic;color:Red;border:0;padding:2px3px;letter-spacing:3px;font-weight:bolder;}.unchanged{border:0;}varcode;//在全局定义验证码fu

Arog·2020-07-13 10:37

JS+CSS实现按钮点击波纹扩散效果

实现点击时按钮背景为动态扩散的波纹效果。效果图如下：页面代码：按钮点击特效input[type=button]{outline:none;height:60px;line-height:60px;width:200px;background-color:white;border:1pxsolidskyblue;color:blue;}input[type=button]:focus{backgro

我爱吃豆芽呀·2020-07-12 15:47

Js+Css做一个可弹起压下效果的按钮

好几天没写js和css了，昨天看一个大神的博客的时候无意中看到他的一个效果做的很不错，思来想去觉得自己做一个会比较好，毕竟，本来就是一个学习的过程！效果：我们今天做一个这样的按钮！我首先说一下我的思路，我刚开时看到的时候在想，无非就是画一个背景阴影，然后利用js改变阴影的宽度，但是这样有一个问题就是上面的字体不会改变，我开始是做成了这样的：这里很明显就看出来了是有问题的，上面的字体没有改变位置，说

何处锦绣不灰堆·2020-07-11 20:49

（适用于大部分浏览器）js+css 实现滚动条滑动时显示，不滑动时隐藏

思路把原有的滚动条隐藏，创建个新的滚动条，并拓展其宽度，达到隐藏的效果,而判断滚动条是否滚动，保存原有的滚动条到顶部的距离，看是否发生改变，做出相应的判断。html......cssbody{/*隐藏原有的滚动条*/overflow:hidden;}#wrapper{width:1940px;/*宽度，通常浏览页面是1920px，根据实际状况做调整，通常滚动条为20px，大于20即可隐藏*/hei

ck07·2020-07-11 15:40

CSS 图片列表，横向

CSS图片列表，横向VB定时关机源码示例一个好用的C++日志生成类JS+CSS联合打造图文结合动感菜单

临海听风_518·2020-07-11 14:14

JS+CSS实现的下拉刷新/上拉加载插件

闲来无事，写了一个当下比较常见的下拉刷新/上拉加载的jquery插件，代码记录在这里，有兴趣将代码写成插件与npm包可以留言。体验地址：http://owenliang.github.io/pullToRefresh/项目地址：https://github.com/owenliang/pullToRefresh实现注意：利用transition做动画时，优先使用transform:translat

abyujys338980·2020-07-11 01:51

原生视觉差滚动---js+css;

1234567*{padding:0;margin:0;}8body{background:#42509a;height:3000px;}9ul{width:800px;height:500px;border:1pxsolid#333;background:#05090e;overflow:hidden;position:fixed;10left:50%;margin-left:-400px;to

weixin_34075551·2020-07-10 08:55

Geany修改背景颜色和配色方…

原文地址：Geany修改背景颜色和配色方案作者：随夕看见YQ用Lubuntu就知道YQ是个轻量控啦，所以在学前端js+css时，YQ不喜欢用神器Aptana（虽然好用，就是太重==），而是用Geany，

frank_rabbit·2020-07-08 09:55

JS+CSS 各浏览器渐变

style.jsvarsetGradient=(function(){varp_dCanvas=document.createElement('canvas');varp_useCanvas=!!(typeof(p_dCanvas.getContext)=='function');varp_dCtx=p_useCanvas?p_dCanvas.getContext('2d'):null;varp_

hecheng_job·2020-07-07 09:08

JS+CSS实现Div弹出窗口同时背景变暗的方法

JS+CSS实现Div弹出窗口同时背景变暗的方法作者：代码家园字体：[增加减小]类型：转载这篇文章主要介绍了JS+CSS实现Div弹出窗口同时背景变暗的方法,是一款比较典型的javascript操作弹出窗口的技巧

javaPie·2020-07-06 16:38

Js实现点击查看全文(类似今日头条、知乎日报效果)

这篇文章主要为大家详细介绍了原生JS+css仿QQ今日头条、知乎日报点击查看全文的效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下.移动端demo展示王者荣耀攻略网需要设置过最大高度max-height

李帅醒·2020-07-05 20:45

js+css实现滑动切换切换div的不同显示

先看效果(没有被破坏的源码,只需要改动即可实现你的功能)简洁Tab一号在哪里2号在哪里3号在哪里我是一号我是二号我是三号

taosf代码小白·2020-07-04 17:15

js+css无缝滚动轮播图

通过js和css3的transition属性的过渡效果写了无缝轮播图css代码就不放了，有些乱效果图如下:html主体部分>script代码:window.οnlοad=function(){varULimg=document.getElementById('ul-img'),prev=document.getElementById("left"),next=document.getElement

wz前端初学者·2020-06-29 22:56

JS+CSS实现漂亮的日历特效（仿win10系统日历）

初衷：无意见发现win10的系统日鼠标悬浮的特效非常好看，想尝试一下用CSS和JS实现一下。先上一下目前实现的效果图：难点是这种间隔效果和鼠标移动效果的实现，如下图间隔效果的实现我采用了background-clip:content-box;padding:2px;background-color:gray;border:1pxsolidgray;样式，为border和content加上颜色，并通

我爱吃豆芽呀·2020-06-29 19:14

js+css实现红包雨功能

使用js+css3使用红包雨效果红包雨效果-听说你喜欢打篮球！红包雨原理：就是将每个红包的left,top,animation-delay,随机设置再渲染，鼠标移动到红包就暂停动画实现。代码：html,body{height:100%;}.cotainer{height:100%;overflow:hidden;position:relative;}.hb{position:absolute;wi

一码平川！·2020-06-29 03:04

10大H5前端框架

原本写这篇文章想围绕着CSS框架来的，但因为目前界内比较流行并遍地开花的主要还是JS+CSS模式的框架，并且自己靠着一点JS

weixin_34177064·2020-06-28 12:09

用react的ReactCSSTransitionGroup插件实现简单的弹幕动画

所以，我得从头学习如何用js+css实现弹幕，然后再将弹幕移植到reac

weixin_30877227·2020-06-28 01:29

JS+CSS - table 表格固定表头和第一列、内容可滚动（转载）

*{margin:0;padding:0;}table{width:100%;text-align:center;border-collapse:collapse;border-spacing:0;}tabletd{word-break:break-all;word-wrap:break-word;}.container{width:600px;height:500px;padding:0;box

清，纯一色·2020-06-28 01:01

我的数据分析之路

分析方法机器学习决策树逻辑回归线性回归常用建模用户画像业务电商业务常见指标短信业务分析工具数据库Mysql增删改查存储触发器数据备份建库调优SqlServer增删改查存储触发器数据备份建库调优编程语言Java基础JS

初夏海边·2020-06-25 03:08

CSS文本超过两行用省略号代替(兼容所有浏览器)

CSS文本超过两行用省略号代替方法一：常规写法(只兼容Chrome内核浏览器)方法二：可以兼容所有浏览器的方式(js+CSS实现)方法三：可以兼容所有浏览器的方式(纯CSS实现)方法一：常规写法(只兼容

LHB雷欧奥特曼·2020-06-24 04:17

js+css实现红包雨

1.html部分红包的样子，先写一个模版在页面上显示红包的容器2.js部分const$redPackage=$('.js-RedPackage');const$redPackageBox=$('.js-RedPackageBox');constredPackageWidth=$redPackage.width();constredPackageBoxWidth=$redPackageBox.wid

简若澈·2020-06-23 22:05

js+css布局和使用

js+css布局和使用1美团外卖app部分布局讲解：2.使用js实现：将数据获取之后渲染到dom上3.底部的三个链接，可以实现跳转，同时跳转之后底图图标颜色会发生相应变化。

bigFace2019·2020-06-21 21:35

js + css实现点击波纹效果

有时候我们为了增加用户体验，可能会有一些点击样式类似框架中的haver-class这里简单用js+css实现一个点击效果（类似水波纹）大体思路1.获取点击时鼠标坐标（相对于父元素）2.在当前点创建节点（

海龟先生plus·2020-04-30 00:38

JS+CSS打造随滚动条滑动始终固定在顶部的菜单导航

自动悬浮于顶部的网页导航菜单，当你拖动滚动条的时候，菜单会自动固定悬浮于顶部。就像一些自动适应的QQ客服布局一样，不管滚动条如何滚动，它始终显示在默认的地方。总结：导航的css的关键：position:relative;window.onload=function(){varmydiv=document.getElementById("main");varmt=mydiv.offsetTop;wi

love2013·2020-04-12 05:21

JS+CSS实现3D切割轮播图

本文实例为大家分享了JS+CSS实现3D切割轮播图的具体代码，供大家参考，具体内容如下第一步：我们首先要通过CSS来完成一个基本布局，利用transform-style:preserve-3d设置成3D

Han185098981·2020-03-21 15:20

js+css面试题

1.请分别列举5个HTML5新增的元素和5个CSS3新增属性：5个HTML5新增的元素：section，nav，time，mark，header,footer……5个CSS3新增属性：box-shadow，text-shadow，background-size，background-clip，mask，transform，filter……2.data-属性的作用是什么？data自定义属性作用：1.

流泪手心_521·2020-03-10 20:37

前端实现tooltip的常见方式

bootstraptooltipdata-toggle触发动作data-placement提示出现的位置title提示文案优点：浏览器兼容性好缺点：需要js+css

张驰Terry·2020-02-28 01:28

原生js+css调节音量滑块

本文实例为大家分享了js调节音量滑块的具体代码，供大家参考，具体内容如下效果html部分当前位置0%css部分.all{width:500px;height:80px;margin:100pxauto;position:relative;}.bar{width:500px;height:20px;border-radius:10px;background:#aaa;position:absolut

孙华鹏·2020-01-15 11:14

原生js+css 实现手机滑动显示隐藏按钮功能

前言：最近做项目的过程中遇到需要在列表上可以有“修改”和“删除”按钮的需求，但由于在移动端，手机界面较小，在显示了其他必须内容后再直接显示两个按钮的话会导致界面很臃肿，难以适应各个机型，所以考虑采用模拟一些手机APP的做法，首先隐藏按钮，在用户按住某条数据左滑或者右滑时显示按钮。由于本人前端水平也很一般，只能各种百度搜罗文档之后终于实现了该功能，在此做下记录和总结，方便自己以后查询，同时供同样需要

wangheng3751·2019-12-31 18:03

纯js+css实现仿移动端淘宝网站的弹出详情框功能

点击查看图片代码Titlebody{width:100%;height:100%;margin:0;padding:0;}#content{width:100%;height:10rem;border-top-left-radius:10px;border-top-right-radius:10px;background:skyblue;position:fixed;left:0;right:0;

weixin_45377882·2019-12-29 09:42

纯js+css遮挡层Demo

css代码如下：*{margin:0;padding:0;list-style-type:none;}a,img{border:0;}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;width:100%;height:100%;_padding:020px00;background:#f6f4f5;display:

vincky倩·2019-12-15 13:23

为自己而活为死而生·2019-12-08 09:26

原生JS+CSS实现一个简单带二级菜单顶部导航

目标是当鼠标悬浮在导航栏上时，出现指定的二级菜单。首先先将基本的导航框架写好。html和css代码主页介绍技能关于.clearfix:after{content:'';display:block;clear:both;}*{margin:0;padding:0;}ul,ol{list-style:none;}a{text-decoration:none;cursor:pointer;}nav{po

Criya·2019-12-06 12:22

动态色彩流动的登录页面

动态色彩流动的登录页面看了QQ9.0的登录页面，感觉还可以，自己也尝试去山寨一个~qq.png最后实现的效果用js+css实现色彩动态的流动效果image.png登录loading页面image.png

程序鱼·2019-11-30 04:44

js+css实现瀑布流

瀑布流是一种很常见的布局，实现的方法也有很多，以下是仿照花瓣网的瀑布流展示，希望能帮到各位小主们。Documenthtml,body{background:#f5f5f5;}.wrapper{margin:30pxauto;position:relative;}.CascadeFlowItem{width:236px;font-size:12px;background-color:#fff;box

辣辣的草莓酱·2019-11-29 18:33

js+css实现的圆角边框TAB选项卡滑动门代码分享（2款）

本文实例讲述了js+css实现的圆角边框TAB选项卡滑动门效果。实例包含两款CSS圆角代码，可鼠标点击，也可鼠标移动上去显示效果，分享给大家供大家参考。

·2019-09-25 03:46

推荐频道

js+css