js+css

JS+CSS实现动态时钟

本文实例为大家分享了JS+CSS实现动态时钟的具体代码，供大家参考，具体内容如下知识点总结：document.querySelector（）方法返回文档中匹配指定CSS选择器的一个元素。
·2021-02-19 10:01

js+css实现全屏侧边栏

本文实例为大家分享了js实现全屏侧边栏的具体代码，供大家参考，具体内容如下在浏览网站时我们经常会看到一个菜单按钮，点一下就会出现一栏侧边导航栏，直接上代码！HTML部分×AboutServicesClientsContact全屏幕侧边栏点击以下菜单图标打开侧边栏☰打开css部分body{font-family:"Lato",sans-serif;}.sidenav{heig
·2021-02-09 11:49

JS+CSS自适应屏幕

布局适配方式MediaQuery（媒体查询）：现在比较主流的适配方案，可根据视口不同编写不同样式达到适应效果，比如框架Bootstrap，它能完成大部分项目需求，但是编写过于复杂。flex布局：主流的布局方式，不仅适用于移动Web，网页上也表现良好，也是现在使用最多的布局方式。固定高度，宽度百分比：这种方法只适合简单要求不高的webApp，一般在适应要求不高，或者大屏显示没有要求时候可以使用。re
·2021-02-08 20:29

JS+CSS自适应屏幕

布局适配方式MediaQuery（媒体查询）：现在比较主流的适配方案，可根据视口不同编写不同样式达到适应效果，比如框架Bootstrap，它能完成大部分项目需求，但是编写过于复杂。flex布局：主流的布局方式，不仅适用于移动Web，网页上也表现良好，也是现在使用最多的布局方式。固定高度，宽度百分比：这种方法只适合简单要求不高的webApp，一般在适应要求不高，或者大屏显示没有要求时候可以使用。re
·2021-02-07 19:11

JS+CSS实现过渡特效

最近在玩一个叫Babaisyou的游戏，很羡慕里面的一个转场特效，所以试着做了一下。主要使用了JS和CSS，特效主要是用CSS实现的。HTML代码开始导航点击进入//执行代码window.onload=function(){varbottom=document.getElementById("bottom");bottom.onclick=function(){action();}}//获取网页长
·2021-01-02 13:51

js+css简单购物车页面模板

效果图:购物车table{width:50%;position:relative;margin:30pxauto;border-collapse:collapse;border:1pxsolidgray;}th{background:cornflowerblue;height:2.5em;}.tdone{width:10%;}.tdtwo{width:20%;}.tdthree{width:20%
大智科技·2020-09-16 22:18

zencart焦点图

随便整个能用的焦点图JS+CSS后，利用zencart自带的数据库框架循环调用banner组中的图片。我这里调用的是标题位置3这个位置的，几句代码轻松搞定。
eternityl·2020-09-16 17:09

typescript 简版跳一跳

第二步开始用typescript实现一些js+css或者canvas类型的游行。
weixin_30363509·2020-09-16 04:17

js+css实现回到顶部按钮（back to top）

转自：http://www.jb51.net/article/80304.htm修改了部分，然后直接复制粘贴即可用(放的位置你高兴就好)需要材料：http://fontawesome.io/(下载这个icon库)p#back-to-top{position:fixed;bottom:18px;right:12px;}p#back-to-topa{text-align:center;text-dec
Lidisam·2020-09-14 14:49

前端-ajax的各种写法及应用

原生AJAX名称：异步的javascriptandxml原理：通过XMLHttpRequest与服务器交换数据服务器数据通过json或者xml格式返回浏览器通过js+css渲染展示数据GET创建xhropen
*青影·2020-09-14 08:25

服务计算——个人项目总结简单 web 服务与客户端开发实战

我们的页面由一下几部分组成：主页：About页面：在这几个页面中我们是使用Vue框架，js+css构造前端的。在完成这个实验的过程中，我觉得其实完成前端难度是在于调用API，同时与队友合作。
EmilyBlues·2020-09-14 01:05

js+css实现树状图

看到一款树形结构，比较喜欢它的样式，就参照它的外观自己做了一个，练习一下CSS。做出来的效果如下：拉莫小学一年级一班二班二年级三年级一班二班三班树的dom结构：拉莫小学一年级一班二班二年级三年级一班二班三班CSS代码：/**tree.csszyj2018.4.21*/ul,li{list-style-type:none;}.tree{display:block;position:relative;
张不不·2020-09-13 18:54

JS+CSS实现几个DIV层上下移动交换位置的效果

JS+CSS实现几个DIV层上下移动交换位置的效果/**///'+txtUp+''+txtDown+'';b.firstChild.οnclick=moveup;b.firstChild.style.cursor
博智诚信·2020-09-12 23:14

js+css实现骰子的随机转动

网上找的例子，然后增添了新的东西，在这里展示一下......效果图预览：js+css3实现3D骰子特效-站长素材*{margin:0;padding:0;}body{background:#efefef;overflow:hidden;}h1{text-align:center;margin-top:40px;text-shadow:1px1px3px#000;font-size:40px;col
weixin_34162695·2020-09-11 11:52

前端框架对页面的损害+js判断一个dom是否存在某个属性

首先我个人认为前端js+css框架，多数其实原理是这样的：写页面的时候使用框架提供的css类。然后框架通过这些预定义样式提供美观的界面。
一旦·2020-09-11 10:49

js+css动画实现动态流水线条效果

需求让实现每个模块之间的线动态流水化，用canvas肯定很复杂，所有用了比较投机的方法，css动画加js控制*{padding:0;margin:0;}.container{background:black;position:relative;border:1pxsolid#ddd;width:1000px;height:800px;}.sparkLine{position:absolute;tr
lianzhang861·2020-09-11 09:47

JS+CSS实现炫酷光感效果

JS+CSS带你实现炫酷光感效果，供大家参考，具体内容如下效果一：（螺旋式沉浸视觉感受）效果二：（旋涡式远观视觉感受）实现代码：光感效果html,body{height:100%;overflow:hidden
·2020-09-08 08:41

利用js+css定位实现滑动盒子模型

利用js+css定位实现滑动盒子模型今天要跟大家分享是利用js+css定位实现滑动盒子模型，其实这种滑动盒子模型是非常常见的，在很多网页中的banner或者是需要翻页的容器中经常会被用到。
Pan an.·2020-08-31 19:08

js+css实现点击导航条“登录”弹出登录框界面

实现弹出页面的效果还可以使用如bootstrap模态框一类的javascript插件，不过这里使用的是js+css简单实现的效果。
杉楂·2020-08-25 11:46

JS+CSS 实现图片中心缩放并改变

CSS部分@keyframesPictureChange{form{transform:scale(1);}to{transform:scale(0);}}/*缩小*/@keyframesPictureChange2{to{transform:scale(0);}to{transform:scale(1.01);}}/*放大*/说明：1、scaleX(x)语法：transform:scaleX(x
佚名的热心网友·2020-08-24 23:44

js+css实现加载特效

运行效果代码body{background-color:#3D4852;display:flex;justify-content:center;align-items:center;height:100vh;overflow-x:hidden;overflow-y:hidden;}.container{display:flex;justify-content:center;align-items:
KaiSarH·2020-08-23 15:33

JS+CSS 实现 悬浮滚动广告 只能实现左右往复滚动

思路：布局一个绝对布局的div写一个move方法改变div的left和top值需要注意到达body边界时候改变方向然后设置定时器调用move方法不断改变left和top值代码：varxleft=0;varytop=0;varmovex=1;varmovey=1;functionmove(){xleft+=movex;ytop+=movey;varxgg=document.getElementByI
yangke_webCsDn·2020-08-21 16:15

JS+CSS实现幻灯片

幻灯片照片特效很多网站以及博客都有这种带幻灯片的特效，看起来非常酷炫。在这个酷炫的特效的背后主要是通过jquery来实现动态切换，以及html和css实现结构布局。下面是动手自己做一个这样的幻灯片。学习资料html/cssjavascriptjquerycss布局html结构幻灯片Captiondescriptionnextpreif(!window.slider){varslider={};}s
_空城寂·2020-08-21 15:44

JS+CSS 实现 悬浮滚动广告

效果图思路代码效果图：思路：布局一个绝对布局的div写一个move方法改变div的left和top值需要注意到达body边界时候改变方向然后设置定时器调用move方法不断改变left和top值代码：移动的小广告varxleft=0;varytop=0;varmovex=1;varmovey=1;functionmove(){xleft+=movex;ytop+=movey;varxgg=docum
geekzsp·2020-08-21 15:24

原生js+css实现带预览图片的幻灯片效果实例

先总结一下，里面的用到的关键知识点CSS中用到的知识点有：过渡效果：transition，下面是语法，用到时候一般要加上浏览器内核前缀。本实例中主要用到过渡的地方是opacity和righttransition:propertydurationtiming-functiondelay;图片垂直居中：（这个我之前详细写过怎么实现水平垂直居中，原理一样，如果有兴趣的可以点击https://blog.c
冰雪为融·2020-08-21 14:25

如何让页脚乖乖的待在页面的最下方（纯CSS）

方法当然是有的，一种是使用js+css的方法,这种办法比较好理解，实现也比较的简单，这也是大家用的比较多的办法。但是，如果用户禁用了js，那么这种方法自然也就不再能够实现。
jsnjlc·2020-08-21 00:25

如何让页脚乖乖的待在页面的最下方（纯CSS）

方法当然是有的，一种是使用js+css的方法,这种办法比较好理解，实现也比较的简单，这也是大家用的比较多的办法。但是，如果用户禁用了js，那么这种方法自然也就不再能够实现。
jsnjlc·2020-08-21 00:25

js加css实现div展示更多隐藏内容

效果代码js+css实现DIV展示更多隐藏信息ul{list-style:none;padding-left:16px;}a{cursor:pointer;color:#333;}a,a:link,a:
罗汉爷·2020-08-20 22:28

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

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

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

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

JS+CSS实现数字滚动

最近在实现一个显示RGB颜色数值的动画效果时，尝试使用了writing-mode(书写模式)及text-orientation来实现文字的竖直方向的排列，并借助CSS的transition(过渡)来实现动画效果。关于书写模式，参考链接[链接描述]1各浏览器对writing-mode的支持情况，可在CanIuse中查看，而对text-orientation的支持情况在CanIuse中暂不能查到，根据
sas???·2020-08-20 04:47

JS+CSS仿网易的选项卡TAB标签样式-导航菜单类

JS+CSS仿网易的选项卡TAB标签样式_网页代码站(www.6a8a.com)BODY{FONT-SIZE:14px;}OLLI{MARGIN:8px}#con{FONT-SIZE:12px;MARGIN
DracoTianlong·2020-08-18 19:28

纯js+css实现在线时钟

本文实例为大家分享了js+css实现在线时钟的具体代码，供大家参考，具体内容如下时钟*{padding:0;margin:0;}.wrap{position:absolute;width:200px;height
·2020-08-18 15:36

js+css实现扇形导航效果

本文实例为大家分享了js+css实现扇形导航效果的具体代码，供大家参考，具体内容如下\扇形导航*{margin:0;padding:0;}html,body{height:100%;overflow:hidden
·2020-08-18 13:33

js+css 动效+1的效果

点击数值+1的动效vuedata:{timer:null,plus:''//次数}method:{animate(plus){var_this=this;clearInterval(_this.timer);_this.timer=setInterval(function(){plus--;if(plus+1");$('.popularity-values').append($i);$i.anim
dianjiao8565·2020-08-17 22:31

JS+CSS仿网易的选项卡TAB标签样式-导航菜单类 .

JS+CSS仿网易的选项卡TAB标签样式_网页代码站(www.6a8a.com)BODY{FONT-SIZE:14px;}OLLI{MARGIN:8px}#con{FONT-SIZE:12px;MARGIN
wenzhihui_2010·2020-08-17 07:11

JS+CSS实现自定义页面滚动条

效果图如下：首先隐藏原生的滚动条（仅限chrome浏览器）html::-webkit-scrollbar{display:none;}通过JS监听页面滚动document.addEventListener("scroll",function(e){varev=e||window.event;varheight=window.innerHeight-50;//计算剩余高度varpointer=doc
我爱吃豆芽呀·2020-08-16 16:45

js+css自定义滚动条(包含滚动事件处理)

自定义滚动条#warpper{width:500px;height:300px;margin:200px;position:relative;}#contentWrapper{width:480px;height:300px;position:absolute;top:0;left:0;overflow:hidden;}#content{width:480px;height:auto;positi
xie1987524·2020-08-16 11:55

fineReader，简单CHROME扩展的开发过程

刚开始的想法很简单，做一个页面，可以把粘贴来的文字，通过JS+CSS处理变得美观一些。
2byte·2020-08-16 01:00

原生JS+CSS（CSS3）+HTML实现页面弹框

—–看了很多网上弹框的实现，有的只是讲了一点，有的又太复杂了，所以自己动手下了一个，几分钟的事情；就是调试样式比较慢而已；之前用过一些js或者css框架中的弹框，感觉很复杂；也看过源代码；是想机制大同小异；以下是截图：以下是代码：opacity*{padding:0;margin:0;}body{padding:0px;background:url()00no-repeat;background-
deemb·2020-08-14 17:23

Js实现文字水平滚动

写的时候我先想到了用marquee，于是发现了marquee有很多弊端，当文字全部显示完才出现新的文字，这样不是很友好，然后一查发现marquee这个标签已经被W3C标准废弃了，也就是不再支持使用这个标签了，于是我便用js
xiji666·2020-08-13 22:45

js+css实现点击按钮水波纹

.ripple-effect{position:relative;overflow:hidden;}.btn{width:150px;height:40px;border:1pxsolid#d9d9d9;outline:none;background:#008DC5;color:#fff;}.ripple{border-radius:50%;background:rgba(0,0,0,.5);-w
「已注销」·2020-08-10 22:25

来自大神的推荐，7个优秀的前端框架

目前前端框架最流行的是JS+CSS模式的框架，而真正优秀的又少之又少。今天源宝也是从网络上
说雾·2020-08-09 15:51

[问题探讨]position: sticky;实现banner吸顶功能

，content上下三栏布局页面上，向上滚动过程中：1，nav会消失逐渐；2，banner会逐渐向上移动，直到贴到body顶部然后固定在body顶部；3,content会向上走并逐渐被隐藏；分析：1，js
tom_wong666·2020-08-09 12:11

html中使用js+css使导航条（页面的一部分）在随页面滚动到顶部的时候停留在窗口边缘

一个不带CSS样式的HTML5布局*{margin:0px;}a{text-decoration:none;}header,section,footer{width:1200px;margin:auto;}header{height:90px;}footer{background-color:#aaa;height:120px;}nav{width:100%;height:48px;line-he
carrousel0516·2020-08-09 07:08

ASP.NET中母版页引用外部js或css文件无效,提示对象未定义解决方法

最近做网站用了一个js+css实现的带有二级菜单的导航条,在母版页创建好后,子页面调用出现了许多奇怪的问题,多方查证后的最终解决方案和大家分享下....1.路径问题如果是一个单独的aspx页面调用此文件路径会是
weixin_30443895·2020-08-08 23:56

支持鼠标跟随的JS+CSS链接提示框

觉得纯css的tips限制有点大，而且好像兼容性也不好，这是我发现的一个Js+CSS的链接提示框效果，还会跟随鼠标而移动，而且兼容性也不错，代码与大家分享：前端分享.代码跟随鼠标的文字提示框body{font
ariss123·2020-08-08 14:58

JS+CSS简单实现DIV遮罩层显示隐藏

DIVCSS遮罩层functionshowdiv(){document.getElementById("bg").style.display="block";document.getElementById("show").style.display="block";}functionhidediv(){document.getElementById("bg").style.display='non
那小x的传说·2020-08-05 00:12

JS+CSS实现左右文字滚动

文字滚动：公众号AlbertYang*{margin:0;padding:0;}body{font:12px/1'微软雅黑';background:#fff;}.main{width:600px;padding:10px;margin:0auto;}.wrap{padding-top:10px;overflow:hidden;width:150px;cursor:pointer;}.scroll{
Albert Yang·2020-08-03 11:07

JS+CSS简单实现DIV遮罩层显示隐藏【转藏】

DIVCSS遮罩层functionshowdiv(){document.getElementById("bg").style.display="block";document.getElementById("show").style.display="block";}functionhidediv(){document.getElementById("bg").style.display='non
weixin_33928467·2020-08-01 04:41
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他