E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
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
实现手机端的轮播控件
纯
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;
关于html+js做轮播图
简单的轮播图,没有用ajax,单纯的
js+css
*{margin:0px;padding:0px;}body{}#d1{margin:20pxauto;height:500px;width:500px;
爱吃橘子95
·
2018-11-05 16:37
HTML5
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
Java
Script
正则
JavaWeb学习
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
web前端
JavaScript
原生
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
javascript
git
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
javascript
今日头条
就今天!阿里黑科技来了:不排队结账_拿了东西就走人!
阅读更多原文链接:http://click.aliyun.com/m/23848/摘要:BootstrapTable使用和扩展一.使用导包:1.Jquery2.bootstrap组件(
js+css
)3.
爱哭的小魔女
·
2017-07-11 11:00
Borland
Linq
VBScript
就今天!阿里黑科技来了:不排队结账_拿了东西就走人!
阅读更多原文链接:http://click.aliyun.com/m/23848/摘要:BootstrapTable使用和扩展一.使用导包:1.Jquery2.bootstrap组件(
js+css
)3.
爱哭的小魔女
·
2017-07-11 11:00
Borland
Linq
VBScript
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
前端
javascript
星级评分
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
qt
C++
angular1x初始与架构演进(三)Ui-Router+OcLazyLoad加载模块
加载
js+css
:angular.module('myRouters',['ui.router','oc.lazyLoad']).config(['$stateProvider','$u
正在输入代码中
·
2017-01-08 23:04
web前端
Angular
原生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
html
js
c
Web
css
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
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他