JS+CSS

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

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

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

本文实例介绍了js+css实现回到顶部按钮的方法，分享给大家供大家参考，具体内容如下效果htmlcssp#back-to-top{position:fixed;bottom:100px;right:80px
·2019-09-24 01:19

JS+CSS实现DIV层的展开、收缩效果

本文为大家分享的第一个实例：JS控制DIV层的展开、收缩效果。CSS+JS实现一个DIV层的展开/折叠效果*{margin:0;padding:0;}body{text-align:center;font:75%Verdana,Arial,Helvetica,sans-serif;}h1{font:125%Arial,Helvetica,sans-serif;text-align:left;fon
·2019-09-24 00:17

CSS javascript 结合实现悬浮固定菜单效果

JS+CSS经典实现悬浮固定菜单.wrapper{width:1000px;height:2000px;margin-left:auto;margin-right:auto;text-align:center
·2019-09-23 23:22

js+css实现文字散开重组动画特效代码分享

运行效果图：这是输入HAPPY后安按钮后效果，当然可以随便输文字好酷的特效，连中文都支持，看如下图：为大家分享的文字散开重组动画特效代码如下文字散开重组动画特效以上就是为大家分享的js+css实现文字散开重组动画特效代码
·2019-09-23 23:43

js+css实现上下翻页相册代码分享

这是一款基于js+css实现上下翻页相册特效代码，相册可以从上下两个方向进行切换，是一款非常实用的幻灯片特效源码。
·2019-09-23 23:07

JS+CSS实现下拉列表框美化效果（3款）

本文实例讲述了JS+CSS实现美化的下拉列表框效果。分享给大家供大家参考。
·2019-09-23 23:51

JavaScript模拟可展开、拖动与关闭的聊天窗口实例

用JavaScript实现的仿QQ聊天窗口，可以展开层、拖动层、关闭层，还可以简单发消息，很不错吧，而且代码也不多，适合新手研究，也比较实用，你可以在此基础上扩展很多JS+CSS应用。
·2019-09-23 21:24

js+css实现tab菜单切换效果的方法

本文实例讲述了js+css实现tab菜单切换效果的方法。分享给大家供大家参考。
·2019-09-23 20:22

JS+CSS实现弹出全屏灰黑色透明遮罩效果的方法

本文实例讲述了js+CSS实现弹出一个全屏灰黑色透明遮罩效果的方法。分享给大家供大家参考。
·2019-09-23 20:43

JS+CSS实现滚动数字时钟效果

本篇内容我们用js配合css样式表来实现一个滚动时钟的动画效果，这个效果一般都是用在网页开场动画以及区域的时间显示中，非常好看，动画效果也很个性，我们先来看下运行后的效果：下面就是这个滚动时钟动画的全部代码：CSS3+JS滚动数字时钟代码-脚本之家body{text-align:center;background-color:#0e141b;color:rgba(224,230,235,0.89)
·2019-09-23 01:49

利用Js+Css实现折纸动态导航效果实例源码

先来看看第一种实现方式效果图如下：不再采用ulli的布局方式-webkit-transform-style:preserve-3d只对子元素有作用，所以每个div都加。实例源码无标题文档.wrap{margin:30pxauto;width:302px;-webkit-perspective:800px;-webkit-transform-style:preserve-3d;position:re
·2019-09-22 21:05

Vue2+webpack+mintUI搭建

即使全部引入，压缩后的文件体积也仅有~30kb(JS+CSS)gzip。修改配置文件后必须要重新启动npmrundev一、安装VueVue.js提供一个官方命令行工具，可用于快速搭建大型单页应用。
念念璇语·2019-09-16 17:40

js+css创建折叠功能箭头

Documentdiv{position:relative;background:#ccc;width:20px;height:20px;display:inline-block;}div:before{content:'';width:6px;border:1pxsolidrgb(80,79,79);position:absolute;transform:rotateZ(45deg);top:6
天边那朵云·2019-09-06 10:22

纯js+css实现手机端的轮播控件

纯js+css实现手机端的轮播控件1.首先是页面布局，外层一个div容器.loop-wrap,我这里宽度设置的是100vw，这个可以根据实际情况来设置宽度大小，2.第二层有个轮播图容器.sw-container
王涛_666·2019-07-10 14:52

关于当前Web前端技术的一些感悟和笔记

当然也引入了数不胜数的前端技术概念，前端不在是早期WebForm的拖拉处理方式，也不再是Ajax+HTML那么简单，随着前端技术的发展，前端的JS越来越重要，也越来越复杂，而为了开发的方便，引入了很多可以对JS
伍华聪_开发框架·2019-06-05 10:56

js+css学习感悟

一直听说js和css简单易学，自己做了项目之后感觉不好学，页面的布局好像没有思路，尤其是css定位，自己一知半解，不太明白设计思路，现在对学到的知识做一个总结。1、刚进入页面的时候，默认选中第一个div或者列表中的第一个用：first即可：$(".alb-nav:first")；2、点击自定义单航栏切换div时，点击事件添加样式，并传递该单航栏的隐藏id（通过判断有无点击样式类获取该控件）查询响应
安夏啊·2019-03-27 10:35

关于当前Web前端技术的一些感悟和笔记

当然也引入了数不胜数的前端技术概念，前端不在是早期WebForm的拖拉处理方式，也不再是Ajax+HTML那么简单，随着前端技术的发展，前端的JS越来越重要，也越来越复杂，而为了开发的方便，引入了很多可以对JS
伍华聪·2019-03-26 10:00

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

;;DIVCSS遮罩层functionshowdiv(){document.getElementById("bg").style.display="block";document.getElementById("show").style.display="block";}functionhidediv(){document.getElementById("bg").style.display='n
1ceMan7·2019-02-14 23:56

关于html+js做轮播图

简单的轮播图，没有用ajax，单纯的js+css*{margin:0px;padding:0px;}body{}#d1{margin:20pxauto;height:500px;width:500px;
爱吃橘子95·2018-11-05 16:37

2018-08-24平安科技前端实习面试

【面试方式】：微信视频【面试内容】：项目介绍（简历提到）+JS+CSS【面试过程】1.加微信，开始面试；2.自我介绍一下吧；3.你的专业不是前端啊，是自己学习的前端吗？研究方向是前端吗？
梅子_may·2018-08-24 14:36

js+css实现红包雨效果

本文实例为大家分享了js实现红包雨展示的具体代码，供大家参考，具体内容如下1.html部分红包的样子，先写一个模版在页面上显示红包的容器2.js部分const$redPackage=$('.js-RedPackage');const$redPackageBox=$('.js-RedPackageBox');constredPackageWidth=$redPackage.width();const
简若澈·2018-07-12 08:16

Java学习总计（二十六）——JavaScript正则表达式，Js表单验证,原生js+css页面时钟

一．JavaScript正则表达式1.exec检索字符串中指定的值，返回找到的值，并确定其位置2.test检索字符串中指定的值，返回true或false3.正则表达式对象的创建：（1）方式一：Varrgex=newRegExp(“[0-9]”,”模式”);（2）方式二：简便写法，用双斜杠//把正则表达式的内容括起来例1（正则创建，使用test()方法）：正则验证01varstr="hellowor
墨营·2018-06-28 15:02

js+css实现打字效果

本文实例为大家分享了JavaScript实现打字效果的具体代码，供大家参考，具体内容如下1.效果2.源码#myDiv{display:inline-block;width:500px;height:300px;background-color:rgba(0,0,0,0.3);color:hsla(0,100%,70%,1);word-wrap:break-word;line-height:30px
冷月葬残花·2018-04-06 12:53

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

这篇文章主要为大家详细介绍了原生JS+css仿QQ今日头条、知乎日报点击查看全文的效果(全文包含文字图片视频)，具有一定的参考价值，感兴趣的小伙伴们可以参考一下.GIF.gif移动端demo展示王者荣耀攻略网和枪战王者攻略网需要设置过最大高度
李胖醒·2018-03-14 20:54

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

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

侧边菜单导航(JS+CSS)

效果展示：（1）（2）（3）注：（1）Javascript库文件jquery-1.8.3.min.js请自行下载引入（2）注意修改引入的css和JS文件的路径HTMLSideBarNavProblemsAProblemsa1problemsa2problemsa3problemsa4problemsa5problemsa6problemsa6problemsa6problemsa6problems
我叫白天宇·2017-12-10 18:53

原生JS+CSS实现炫酷重力模拟弹跳系统的登录页面

今天小编把之前保存的js特效视频看了一遍，跟着视频敲了敲嘻嘻，用原生js实现一个炫酷的登录页面。怎么个炫酷法呢，看看下面的图片大家就知道啦。效果图：不过在看代码之前呢，大家先和小颖看看css中的opacity、transition、box-shadow这三个属性。1.opacityCSS3opacity属性实例设置一个div元素的透明度级别：div{opacity:0.5;}在此页底部有更多的例子
爱喝酸奶的吃货·2017-11-01 11:19

原生js+css实现重力模拟弹跳系统的登录页面

今天小颖把之前保存的js特效视频看了一遍，跟着视频敲了敲嘻嘻，用原生js实现一个炫酷的登录页面。怎么个炫酷法呢，看看下面的图片大家就知道啦。效果图：不过在看代码之前呢，大家先和小颖看看css中的opacity、transition、box-shadow这三个属性。1.opacity作用：设置一个元素的透明度定义和用法opacity属性设置元素的不透明级别。默认值：1继承性：no版本：CSS3Jav
weixin_30289831·2017-10-31 20:00

JS+CSS实现网页加载中的动画效果

本文实例为大家分享了JS实现网页加载中效果的具体代码，供大家参考，具体内容如下需要材料：一张loading动画的gif图片基本逻辑：模态框遮罩+loading.gif动图，默认隐藏模态框页面开始发送Ajax请求数据时，显示模态框请求完成，隐藏模态框下面我们通过Django新建一个web应用，来简单实践下实践1.新建一个Django项目，创建应用app01,配置好路由和static，略。将gif动图
Ayhan_huang·2017-10-27 09:22

翻转js+css

.in{-webkit-animation-timing-function:ease-out;-webkit-animation-duration:350ms;animation-timing-function:ease-out;animation-duration:350ms;}.out{-webkit-animation-timing-function:ease-in;-webkit-anim
流泪手心_521·2017-09-18 17:28

从基础做起--浏览器渲染

在去年校招期间有招聘方涉及到浏览器的渲染，当时只懂一点js+css,了解的不够深入，尽管在有大神整理出了清晰的文章，在下还是决定亲自读一下《浏览器工作原理》，话不多说，先从浏览器构成开始。
YiCheng_L·2017-08-05 08:16

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

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

就今天！阿里黑科技来了：不排队结账_拿了东西就走人！

阅读更多原文链接：http://click.aliyun.com/m/23848/摘要：BootstrapTable使用和扩展一.使用导包：1.Jquery2.bootstrap组件（js+css）3.
爱哭的小魔女·2017-07-11 11:00

就今天！阿里黑科技来了：不排队结账_拿了东西就走人！

阅读更多原文链接：http://click.aliyun.com/m/23848/摘要：BootstrapTable使用和扩展一.使用导包：1.Jquery2.bootstrap组件（js+css）3.
爱哭的小魔女·2017-07-11 11:00

Bootstrap Table总结

原文链接一.使用导包：1.Jquery2.bootstrap组件（js+css）3.bootstraptable组件及中文包（js+css+js）代码：例一：$(function(){//1.初始化TablevaroTable
小万君·2017-06-22 13:14

简单的js+css的输入框自动提示功能实现

由于原来项目需求做了一个基于百度的suggest的提示功能，直接调用的百度的suggest功能，能够实现与百度搜索一样的提示效果。最近需要在一个简单的输入框中加一个提示功能，大概就是后台把数据传到前台，前台爸需要展示的数据添加到datalist中的option选项中，其他的提示功能由js实现。页面的输入框与datalist标签加载datalist的页面js脚本：functionassignTask
jayson118·2017-06-09 18:11

js+css实现星级评分

代码如下startRating.container{height:200px;width:400px;border:1pxsolid#D3D3D3;box-shadow:10px10px5px#D3D3D3;}.rating{width:180px;height:30px;}li{list-style-type:none;}.item-star{width:30px;height:30px;flo
程序媛ll·2017-06-08 17:23

Web前端开发框架推荐

原本写这篇文章想围绕着CSS框架来的，但因为目前界内比较流行并遍地开花的主要还是JS+CSS模式的框架，并且自己靠着一点JS功底，就想专门针对CSS，所以最后来个大锅乱炖都大致聊聊。
邵杰子龙·2017-05-21 17:59

10大H5前端框架

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

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

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

C++ 界面设计须知

3.还有现在很多软件都是客户端嵌浏览器来做界面了，因为网页脚本写界面方便，JS+CSS也利于分工合作。
CL18652469346·2017-02-20 17:57

angular1x初始与架构演进（三）Ui-Router+OcLazyLoad加载模块

加载js+css：angular.module('myRouters',['ui.router','oc.lazyLoad']).config(['$stateProvider','$u
正在输入代码中·2017-01-08 23:04

原生JS实现在线问卷调查投票特效

效果图：代码如下：JS+CSS实现投票效果原生JS实现在线问卷调查投票特效1.您觉得现在哪些开发语言有前途：C#JavaSwiftC++JavaScript其他投票2.您认为哪些网站适合手机或触屏访问：
roucheng·2017-01-03 16:14

关于css样式 自适应和绝对定位 的一点理解

问题描述：拿到一副完整的效果图，在切图之后需要利用js+css布局实现该效果。有两个棘手的问题待解决。1如何做才能使背景图片实现自动填充的效果，即图片自适应。
但行好事_莫问前程·2016-10-17 20:33

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

http://www.cnblogs.com/aspx-net/archive/2011/03/11/1981071.htmlJS+CSS简单实现DIV遮罩层显示隐藏1234DIVCSS遮罩层56functionshowdiv(){7document.getElementById("bg").style.display="block";8document.getElementById("show"
Mir_憨豆先生·2016-10-11 14:26

JS+CSS实现闪烁字体效果代码

本文实例讲述了JS+CSS实现闪烁字体效果的方法。
jbp2cb0e09a55·2016-04-05 09:20

JS+CSS动态绘制元素曲线运动轨迹(数学函数)

相信许多小伙伴都想知道CSS+JS如何实现物体的曲线运动吧！其实原理就是运用数学用的函数公式，本文运用的是sin函数上进行的基础变形.今天的主要目标就是让这张图的里足球运动起来。首先肯定要先把这张图拆成两部分，这里我是用美图秀秀的抠图功能把足球扣出来的，再用消除笔把足球在原图中消除掉。得到以下的2张图。注意，足球必须是png，图片，这样在图片上运动的时候才不会把原图中的背景覆盖掉，形成正方形的白块
ShanaMaid·2016-03-28 17:00

JS+CSS实现鼠标经过弹出一个DIV框完整实例(带缓冲动画渐变效果)

本文实例讲述了JS+CSS实现鼠标经过弹出一个DIV框效果。
回不倒�^去·2016-03-25 11:08

JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)

本文实例讲述了JS+CSS实现的漂亮渐变背景特效代码。
JT_man·2016-03-25 10:42
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他